Fully justify posts

[Spangle]

I'm trying to fond a template MOD to allow posters to fully justify their posts, ( like a newspaper column), is there one or is there a snippet to put this in the editor.

[nerbert]

Do you want all posts justified or do you just want a bb code to do it?

[Spangle]

Originally Posted by nerbert

Do you want all posts justified or do you just want a bb code to do it?

I would prefer it to be automatic, that way I think the board looks more professional

That is providing user text formatting can override it.

For eg, I still want users to be able to center text if they want to ?

[nerbert]

in postbit.css find line 256, about a quarter down and modify as shown

.postcontent {
	word-wrap: break-word;
	text-align:justify;
}


.postbit .posttitle {
	display:block;
	padding: {vb:stylevar padding};
	font-weight:bold;
	font: {vb:stylevar post_title_font};
	margin: 0;
}

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar image_medium_max};
}

/*postbit legacy*/

I don't know if this works for the legacy version. Test it out and see how it works with center tags.

Generally it seems to work nicely as long as the user hasn't used carriage return

[Spangle]

Originally Posted by nerbert

in postbit.css find line 256, about a quarter down and modify as shown

.postcontent {
	word-wrap: break-word;
	text-align:justify;
}


.postbit .posttitle {
	display:block;
	padding: {vb:stylevar padding};
	font-weight:bold;
	font: {vb:stylevar post_title_font};
	margin: 0;
}

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
	max-width: {vb:stylevar image_medium_max};
}

/*postbit legacy*/

I don't know if this works for the legacy version. Test it out and see how it works with center tags.

Generally it seems to work nicely as long as the user hasn't used carriage return

That seems to have done the job, thanks a million

[Spangle]

This doesn't work in blogs, can I add the justify command some where in the Blog CSS to make it work there ?

[nerbert]

in blog.css scroll down about 20% to line 199 and find this and modify

.fly {
	float: {vb:stylevar right};
	display: inline;
	font-size: 88%;
}

<vb:if condition="$stylevar['textdirection'] == 'rtl'">
.blogentrybit .fly .popupmenu a.popupctrl, .bloghead .fly .trackbacks, .bloghead .fly .comments {
	display: block;
	float: {vb:stylevar right};
}
</vb:if>
.lastedited, div.tags, dl.blogcategory, .smallfont {
	font-size: {vb:stylevar small_fontSize};
}

.blogmeta .tags img {
	display: none;
}

.blogmeta .tags:hover img {
	display: inline;
	margin-top: -5px;
}

.blog_date, .comment_date {
	font-size: {vb:stylevar small_fontSize};
	/*color:{vb:stylevar body_color};*/
}

.blogcontent {
	margin-top:8px;
	margin-bottom:8px;
	font:{vb:stylevar content_msg_font};
        text-align: justify; /* ----------------------------------------------- */
}

[Spangle]

Thats probably the only one I didn't try, thanks for the heads up

[Toorak Times]

Thank god I kept looking. I'll give this a try tonight, been desperately looking for a simply add to the wysiwyg bbcode but this should do the job...I hope...


This worked brilliant in The Blog for me, absolute justify, wonderful http://www.tooraktimes.com.au/entry....Show-at-RRR-fm
But cms, Not so good, but close and better

works great in Forum http://www.tooraktimes.com.au/showth...3451#post13451


So close...

--------------- Added [DATE]1370625144[/DATE] at [TIME]1370625144[/TIME] ---------------

Originally Posted by nerbert

in blog.css scroll down about 20% to line 199 and find this and modify

.fly {
	float: {vb:stylevar right};
	display: inline;
	font-size: 88%;
}

<vb:if condition="$stylevar['textdirection'] == 'rtl'">
.blogentrybit .fly .popupmenu a.popupctrl, .bloghead .fly .trackbacks, .bloghead .fly .comments {
	display: block;
	float: {vb:stylevar right};
}
</vb:if>
.lastedited, div.tags, dl.blogcategory, .smallfont {
	font-size: {vb:stylevar small_fontSize};
}

.blogmeta .tags img {
	display: none;
}

.blogmeta .tags:hover img {
	display: inline;
	margin-top: -5px;
}

.blog_date, .comment_date {
	font-size: {vb:stylevar small_fontSize};
	/*color:{vb:stylevar body_color};*/
}

.blogcontent {
	margin-top:8px;
	margin-bottom:8px;
	font:{vb:stylevar content_msg_font};
        text-align: justify; /* ----------------------------------------------- */
}

Thanks works brilliantly Nerbert!