Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Justify Align?; How do I implement it into my BA/CSS?
Topic Started: Sep 10 2011, 06:11 AM (2,116 Views)
MissKally
Member
[ * ]
Board Name; Twisted Tales
Board URL; http://s13.zetaboards.com/TwistedTales/index/
Browser; Mozilla Firefox

Okay, so I was wondering if it was possible to enable/install the Justify feature into my posts? As in - have it as the default?
There was a Code for it in InvisionFree (I just switched), and I was hoping there was a similar mod for ZetaBoards? It would really help me out. >Preview of Justification<

This was the InvisionFree code I used, in case it helps -

Quote:
 
If you want all of the posts by default to be justified, in your CSS, there should be something like;

Code:
 
.post1, .post2
{
background-color: #EFEFEF;
text-align: justify;
border: 1px solid #FBFBFB;
}



and voila !

to have the text justified when you use the [list*] tag, pop

Code:
 
ul
{
margin-bottom: 0px;
margin-right: 50px;
margin-top: 0px;
}



in there, too. (-:


And this is the code for my board; If I'm right I think the layout is different to the default, I'm not sure so I'll post it in case:
And the original thread with the rest of the Code; http://rpg-directory.com/index.php?showtopic=57847&hl=

Spoiler: click to toggle
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

Add this to the bottom of your CSS
Quote:
 
td.c_post {
text-align: justify!important;
}

Let me know if that does the trick for you. I need to make a post long enough to test it myself.

Edit: I just tested it. It does work.
Quote Post Goto Top
 
DaPizzaMan-ZNS
Member
[ *  * ]
Have it used throughout your post or for a certain part (such as a quote)? If you mean for the entire post, add text-align:justify; to td.c_post.
Offline Profile Quote Post Goto Top
 
MissKally
Member
[ * ]
Thank you sooo much, it's worked perfectly! It also worked for me without the other part DaPizzaMan said, but thank you for the help both of you, this helps so much! :D

Also - I was wondering how to go about adding the code into my Sidebars, too? I can't seem to find the right place without causing it to completely stretch out the screen

EDIT: Actually, something I've just noticed - "td.c_post { text-align: justify!important; }" appears at the top of my board, but I cant find the code in my template to remove it, and when I remove the code given to me the Justify option goes away?
Edited by MissKally, Sep 10 2011, 05:39 PM.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

Post it in your CSS. At the bottom will work just fine.
Quote Post Goto Top
 
MissKally
Member
[ * ]
I have posted it in the bottom of the CSS, but the sidebar text doesn't appear justified either -
But there's also other parts of the code, so I was wondering if they go in there? I don't know.

Heres the code for the sidebars(I think) ;;

Spoiler: click to toggle


CSS Code;;
Spoiler: click to toggle
Edited by MissKally, Sep 10 2011, 06:17 PM.
Offline Profile Quote Post Goto Top
 
Deleted User
Deleted User

Paste this in the CSS at the bottom:
Code:
 
#wrap {text-align: justify!important; }
#headmer {text-align: justify!important; }
Quote Post Goto Top
 
MissKally
Member
[ * ]
Absolutely perfect, thank you so much, you're a star! <3
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply