May 4, 2013 17:53:21 GMT -5
The purpose of this sticky topic, is to show you some commonly asked for modifications that can easily be achieved in
Proboards V5. If you need help with any of these, please make a new thread in our
proboards board.
Currently the modifications are in
mini categories, but when we have more, the layout for this index will change. When it does, it'll be done so that you can find what you are looking for even easier. It will no doubt be put into sections such as: Main Page, Info Center, Profile etc.
Although you shouldn't need to just yet, use
ctrl+f to search if you can not find something.
If you have any suggestions for modifications you'd like to see here or have one of your own that you think should be in the index, feel free to PM myself (@stinky666) or make a new thread.
Index (24): (links open in a new tab)Hiding the Info Center From Guests
Hiding the Shoutbox From Guests
Alternate Column Colours for Main Page (like in v4)
Alternate Column Colours for Thread List (like in v4)
Keep Shoutbox On Main Page Only
Remove Signatures From Posts For ALL Members
Remove Signatures From Profiles For ALL Members
Remove Signatures From Conversations For ALL Members
Move Sub-Boards Below Threads In The Thread List
Move Buttons (Quote, Edit, etc) Below Posts in Threads
Move the ProBoards Ads Above Banner
Remove "Edited By" From All Posts
Remove "Users Online in the Last 24 Hours" From the Info Center
Remove "Board Name" From Titlebar Inside Boards
Remove "Sub-board Links" From Main Page
Remove "Welcome NAME" From Nav Bar
Add Common Elements to Mini-Profiles
Add "To Top" in Posts & Conversations
Add Favicon To Your Forum
Add "Thread Views" To All Threads
Add Reply Button To Individual Posts & Conversations
Remove "Subject, Created By, Views, Replies, Last Post" From Thread List
Remove "Board, Threads, Posts, Last Post" From Main Page
Remove "Subject, Created By, Recipients, Replies, Last Reply" From Conversations
With thanks to everyone that contributed towards this index, and to those who will do in the future.
May 6, 2013 0:18:50 GMT -5
Hiding the Info Center From Guests...Admin > Themes > Layout Templates > Home
On line 25 find the part in red (shown below). Add the part in green:
{if $[current_user.is_member]}{if $[show_stats]}
Scroll down to lines 121 and 122. You should see the red part. Add the the part in green:
</div>
{/if}{/if}
Hiding the Shoutbox From Guests...Admin > Themes > Layout Templates > Forum Wrapper
On line 67 find the part in red (shown below). Add the parts in green and click save.
{if $[current_user.is_member]} $[shoutbox] {/if}
Finally, click on the save button.
May 6, 2013 5:16:23 GMT -5
Alternate Column Colours for Main Page (like in v4)Admin > Themes > Layout Templates > Board > Board List
For this we will alternate colours for the threads column, and last post.
For threads, go to line 33 you should see: <td class="threads">
Just before the > add the following: style="background-color: #EDEDED;"
You should now have this: <td class="threads" style="background-color: #EDEDED;">
And for last post look just below that, on line 35, to see: <td class="latest last">
Do the same as above, and add: style="background-color: #EDEDED;"
To make it into the following: <td class="latest last" style="background-color: #EDEDED;">
Change the HEX code (#EDEDED) to one that matches your forum colours.
Finally, click on the save button.
Alternate Column Colours for Thread List (like in v4)Admin > Themes > Layout Templates > Board > Thread List
For this we will alternate colours for created by and views.
For created by, go to line 17 and you should see: <td class="created-by clickable">
Just before the > add the following: style="background-color: #EDEDED;"
You should now have this: <td class="created-by clickable" style="background-color: #EDEDED;">
And for replies look just below that, on line 19, to see: <td class="views">
Do the same as above, and add: style="background-color: #EDEDED;"
To make it into the following: <td class="views" style="background-color: #EDEDED;">
Change the HEX code (#EDEDED) to one that matches your forum colours.
Finally, click on the save button.
Keep Shoutbox On Main Page OnlyAdmin > Themes > Layout Templates > Forum Wrapper
Scroll down to line 67 where you should see $[shoutbox]
Highlight that part of code & copy it to your clipboard (ctrl+c). Now erase it and click save.
Go back to your layout templates (see above), but this time select Home.
Scroll ALL the way to the bottom and place your cursor at the end of line 122.
Hit enter and now paste (ctrl+v) your clipboard.
If all went well, you should now have:
{/if}
$[shoutbox]
TIP: You may want to add a few line breaks so it isn't too close to your info center.
For example: <br /><br />$[shoutbox]
Finally, click on the save button.
May 6, 2013 5:16:35 GMT -5
If you wish to remove all traces of members being able to see/use signatures from your forum, you will need to do all 3 of the following.
Remove Signatures From Posts For ALL MembersAdmin > Themes > Layout Templates > Thread > Post List
On line 37 you should see: {if $[post.created_by_user.signature]}
Add <!-- to the start of that, so it becomes: <!--{if $[post.created_by_user.signature]}
Now go to line 39, and you should see: {/if}
Add --> to the end of that, so it becomes: {/if}-->
Finally, click on the save button.
Remove Signatures From Profiles For ALL MembersAdmin > Themes > Layout Templates > User Profile > Summary
Go to line 117, to see: {if $[user.signature]}
At the start of that, add <!-- so that it now looks like: <!--{if $[user.signature]}
Now on line 122, you should see: {/if}
Add --> to the end of it so it becomes: {/if}-->
Finally, click on the save button.
Remove Signatures From Conversations For ALL MembersAdmin > Themes > Layout Templates > Conversations Page > Message List
Go to line 27, to see: {if $[message.created_by_user.signature]}
At the start of that, add <!-- so that it now looks like: <!--{if $[message.created_by_user.signature]}
Now on line 29, you should see: {/if}
Add --> to the end of it so it becomes: {/if}-->
Finally, click on the save button.
May 6, 2013 5:16:43 GMT -5
Move Sub-Boards Below Threads In The Thread ListAdmin > Themes > Layout Templates > Board
On line 1, you should see: {if $[board.sub_board_list]}
At on line 8 you should see: {/if}
Using your mouse, highlight lines 1 - 8. Press ctrl+c to copy it to your clipboard, and then hit delete/backspace.
To place the sub-boards below threads but above the boards information center, go to line 37, and press ctrl+v.
Now hit the save button.
Already have the boards info center disabled? Then you can stop reading too.
If you want sub-boards to be BELOW the boards information center, continue reading..
Do the same as above, except instead of line 37, go to line 143, hit enter once or twice,
and now paste your clipboard by pressing ctrl+v. Now click save to finish.
If you haven't already, be sure to click on the save button.
Move Buttons (Quote, Edit, etc) Below Posts in ThreadsAdmin > Themes > Layout Templates > Thread > Post List
On line 20 you should see: <div class="controls">
And on line 25 you should see: </div>
Highlight lines 20 - 25. Use ctrl+c to copy it, then use backspace or delete to remove it.
Now go down to line 34 and you will see {/if}, place your cursor after that and press enter. Now ctrl+v to paste.
You should hopefully now have:
{/if}
<div class="controls">
$[post.quote_button]
$[post.edit_button]
$[post.likes.button]
$[post.select_options]
</div>
Now we need to add a float and margin to the first part from line 20.
Add the following parts in green:
<div style="margin-top: 10px;" class="float-right controls">
So now you should have:
<div style="margin-top: 10px;" class="float-right controls">
$[post.quote_button]
$[post.edit_button]
$[post.likes.button]
$[post.select_options]
</div>
And finally, click on the save button.
Move the ProBoards Ads Above Banner...Admin > Themes > Layout Templates > Forum Wrapper
Find the following part in red, on line 56:
$[header]
Highlight it and then copy it to your clipboard. Now delete the highlighted part and go up to line 6. Paste your clipboard contents, and hit enter.
You should now have the below (the green part is what was already on line 6):
$[header]
$[head]
Finally, click on the save button.
May 8, 2013 2:03:12 GMT -5
Remove "Edited By" From All Posts...Admin > Themes > Layout Templates > Thread > Post List
On line 34 you should see this part of code: {if $[post.edited]}
To the start of that, add the following: <!--
And then on line 36 you should see: {/if}
Add the following to the end of it: -->
So now it should look like this on line 34: <!--{if $[post.edited]}
And like this on line 36: {/if}-->
Finally, click on the save button.
Remove "Users Online in the Last 24 Hours" From the Info CenterAdmin > Themes > Layout Templates > Home
Scroll down to line 93, to find: <tr class="last">
Add <!-- in front of it so it becomes: <!--<tr class="last">
And on line 117 you should see </tr>
Place --> at the end of it, so it should now be </tr>-->
Finally, click on the save button.
Remove "Board Name" From Titlebar Inside BoardsAdmin > Themes > Layout Templates > Board
On line 15, you should see: <h1>$[board.display_name]</h1>
To the start of that, add <!-- and then add --> to the end, so it becomes:
<!--<h1>$[board.display_name]</h1>-->
Finally, click on the save button.
Remove Sub-board Links From Main PageAdmin > Themes > Layout Templates > Board > Board List
On line 26 you should see {if $[board.sub_board]}
To the start of that add <!-- so line 26 becomes <!--{if $[board.sub_board]}
Then go to line 31 and you should find {/if}
To the end of that add --> so you will now have {/if}-->
Click the save button to finish.
Remove "Welcome NAME" From Nav BarAdmin > Themes > Layout Templates > Forum Wrapper
There's 2 parts for this: Guests, and Members. First, go to line 41: Welcome Guest.
Add <!-- to the start of that, and --> to the end, so it becomes: <!--Welcome Guest.-->
Then go to line 43, and you should see: <span>Welcome $[current_user.name].</span>
Do the same as above. Add <!-- and -->, so it's: <!--<span>Welcome $[current_user.name].</span>-->
Click the
save button to finish.
May 8, 2013 22:08:14 GMT -5
Add Common Elements to Mini-Profiles: "Joined", "Location", & "Likes"Admin > Themes > Layout Templates > Mini-Profile
Several things were left out of the mini profiles, however, they are very simple to put in.
We will place the following 3 (Join Date, Location, Likes) so they are below the online status, but above forum badges.
To begin, go to lines 27 & 28. Create a new line. Line 29 should now be: </div><br />
On line 28 add the following:
<br />{if $[user.registered_on]} Joined: $[user.registered_on]{/if}
This will make it so it displays as: Joined: January 1st, 2000
Now at the end, hit enter to create a new blank line.
On this new blank line (29), add:
<br />{if $[user.location]} Location: $[user.location]{/if}
This will display as follows: Location: England, UK
Again, at the end hit enter to create your final line (30).
On this new line (30), add: <br />{if $[user.likes]} Likes: $[user.likes]{/if}
This will display as: Likes: 10
Lines 28, 29, 30 and 31 should now look like the below:
<br />{if $[user.registered_on]} Joined: $[user.registered_on] {/if}
<br />{if $[user.location]} Location: $[user.location]{/if}
<br />{if $[user.likes]} Likes: $[user.likes]{/if}
</div><br />
With all 3, edit the
brown part to say what you want - for example, instead of "
Joined:", it could be "
Registered:".
It's also important you add a break
<br /> at the start of each new line, so the content doesn't remain on the same one.
You don't have to add all 3, nor in the order I chose. Once all is complete, click the
save button.
Add "To Top" in Posts & ConversationsAdmin > Themes > Layout Templates > Thread > Post List
On line 14 you will see: <span class="date">$[post.date]</span>
Just before </span> add | <a href="#"> To Top</a>
So now you should have the following: <span class="date">$[post.date] | <a href="#"> To Top</a></span>
Click the
save button, and then:
Admin > Themes Layout Templates > Conversations Page > Message List
Line 12 you will see: <span class="date">$[message.date]</span>
Like with posts, add | <a href="#"> To Top</a> just before </span>
So that it becomes: <span class="date">$[message.date] | <a href="#"> To Top</a></span>
Once again, click the
save button.
Add Favicon To Your ForumYou will first need a .ico file. The preferred image size is
16x16px, but it can be bigger.
Whether your image is .jpg, .png or .gif, you can use a
free online converter, such as
ICO Converter.
Once converted and you have your
.ico file, you can proceed to add it to your forum, by doing the following..
Admin > Themes > Layout Templates > Forum Wrapper
On line 6 you will see $[head] and line 7: </head>
Add a new empty line between those, so that </head> is on line 8.
On this new blank line, paste the below in, changing the URL (in brown) to your own:
<link rel="icon" type="image/ico" href="http://smangii.proscripts.co.uk/si/v5/sifavicon.ico"/>
Your end result should be as follows, on lines 6, 7 & 8:
$[head]
<link rel="icon" type="image/ico" href="http://smangii.proscripts.co.uk/si/v5/sifavicon.ico"/>
</head>
Click the
save button to finish.
Add "Thread Views" To All ThreadsAdmin > Themes > Layout Templates > Thread
On line 6, you will see <h1>$[thread.subject]</h1>
Just before </h1> add {if $[thread.views]} ($[thread.views] views){/if} so line 6 is now:
<h1>$[thread.subject]{if $[thread.views]} ($[thread.views] views){/if}</h1>
This will display as follow: Thread Subject (10,000 views)
Edit the bit in brown to anything you like, and even swap it around.
Click the
save button to finish.
Add Reply Button To Individual Posts & ConversationsAdmin > Themes > Layout Templates > Thread > Post List
Go down to line 41 and place your cursor on it. Press enter and now line 41 should be empty.
Place the following on that blank line:
<a class="button" href="/post/new/$[post.thread_id]">Reply</a>
Edit the part in brown to say whatever you prefer.
Lines 41 and 42 should look like the following:
<a class="button" href="/post/new/$[post.thread_id]">Reply</a>
$[post.quote_button]
Click the
save button.
Now to add the reply button to your conversations (PMs) - you don't have to if you don't want.
Admin > Themes > Layout Templates > Conversations Page > Message List
Go to line 18 and place your cursor at the start of the line, hit enter and now you will have a blank line.
The contents that were on line 18 will now be on line 19. Place the following on the blank line:
<a class="button" href="/post/new/$[post.conversation_id]">Reply</a>
Lines 18 and 19 should now look the the following:
<a class="button" href="/post/new/$[post.conversation_id]">Reply</a>
$[message.quote_button]
Click the
save button to finish.
May 14, 2013 8:14:38 GMT -5
Remove "Subject, Created By, Views, Replies, Last Post" From Thread ListAdmin > Themes > Layout Templates > Board
On line 27 you should see: <thead>
To the beginning of that, add: <!--
Now look down slightly, at line 37, you should see: </thead>
Add the following after it: -->
So now on line 27, it should look like: <!--<thead>
And on line 37 it should be: </thead>-->
Finally, click on the save button.
Remove "Board, Threads, Posts, Last Post" From Main Page
Admin > Themes > Layout Templates > Board > Board List
On line 2 you should see: <thead>
To the beginning of that, add: <!--
Now look down slightly, at line 10, you should see: </thead>
Add the following after it: -->
So now on line 2, it should look like: <!--<thead>
And on line 10 it should be: </thead>-->
Finally, click on the save button.
Remove "Subject, Created By, Recipients, Replies, Last Reply" From ConversationsAdmin > Themes > Layout Templates > Conversations Page
On line 12 you should see: <thead>
To the beginning of that, add: <!--
So now on line 12, it should look like: <!--<thead>
Now look down slightly further, at line 30, you should see: </thead>
Add the following after it: -->
So now on line 30 it should be the following: </thead>-->
Finally, click on the save button.