How to Fully Justify Text in ProBoards
ProBoards offers users an interface and message board service that is fully customizable. The ability to fully justify text is one option that administrators can add to their boards. With fully justified text, words and letters will stretch to fill the entire width of the text box, much like the text format in books and newspaper columns. An HTML code needs to be added by the administrator to enable text justification for posters.
Other People Are Reading
Instructions
-
-
1
Log into your ProBoards administrator account. If you are not the administrator of the board or do not have administrative powers, you do not have the ability to add text justification. Ask your administrator to follow these instructions.
-
2
Click on the "Admin" link that appears at the top of your ProBoards message board. Click the "Headers and Footers" link under the "Customize Your Forum" section. Choose "Global Header/Footer" from the drop-down menu that appears and click the "Continue" button.
-
-
3
Add the following HTML code to the "Footer" text box:
<script type="text/javascript">
<!--
// Justify text in posts..
var jButton = 'http://i86.photobucket.com/albums/k107/melian2/IME/justify.gif';
// Add button to posting page..
if(document.postForm)
{
var buttons = document.images;
for(b=0; b<buttons.length; b++)
{
if(buttons[b].alt.match(/Align Right/))
{
buttons = buttons[b+1].parentNode;
break;
}}
var justifyButton = document.createElement('A');
justifyButton.setAttribute('href','javascript:add("[justify]","[/justify]")');
justifyButton.innerHTML = '<img src="'+jButton+'" border="0" alt="Justify">';
buttons.parentNode.insertBefore(justifyButton,buttons);
}
// Find and justify text in posts...
if(!document.location.href.match(/action=headersfooters/))
{
var posts = document.getElementsByTagName('td');
for(p=0; p<posts.length; p++)
{
if(((posts[p].vAlign == 'top' && posts[p].colSpan == '3') || (document.postForm && posts[p].width == '100%' && posts[p].className == 'windowbg2')) && posts[p].innerHTML.match(/\[justify\]/i))
{
posts[p].innerHTML = posts[p].innerHTML.replace(/\[justify\]/ig,'<div align="justify">');
posts[p].innerHTML = posts[p].innerHTML.replace(/\[\/justify\]/ig,'</div>');
}}}
// -->
</script>
-
4
Click the "Save Changes" button. You will be taken back to the "Admin" home page. Return to your message board's front page and create a new topic or open a current discussion so that you can post a new message. A button will now be present in the "Add Tags" section, in between the "Align Right" and "Horizontal Rule" buttons.
-
5
Click the "Justify Text" button to bring up the "Justify" code. Any text that is written between the justify tags will be fully justified. Click "Post Reply" when you are finished with your post. You will be taken to your post. The text should be fully justified, stretching across the entire text box.
-
1
