Jun 29, 2013 17:59:52 GMT -5
Preview
Go to
Admin > Themes > Layout Templates > Board, then select the
Board List tab. Delete everything within this tab. Then copy and past the code below into the tab.
<!-- Zetaboards Styled Board List Remodel for Proboards v5 CSS by FallenSamurai @ smangii.proboards.com -->
<table class="list" role="grid">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon icon2" {if $[board.sub_board]} rowspan="3" {else} rowspan="2" {/if}>
$[board.icon]
</td>
<td class="main clickable" rowspan="2">
<a href="$[board.href]">$[board.display_name]</a><br>
<p class="description">$[board.description]</p>
{if $[board.num_mods]}
<p class="moderators">
Moderator{if $[board.num_mods] != 1}s{/if}:
{foreach $[board.moderator_group]}$[board.moderator_group.comma_before] $[board.moderator_group]{/foreach}{if $[board.moderator]}{if $[board.moderator_group]}, {/if}{/if}
{foreach $[board.moderator]}$[board.moderator]$[board.moderator.comma] {/foreach}
</p>
{/if}
</td>
<td class="latest last last_post" colspan="3">
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by_user]<br />
$[board.last_thread.last_post.date]
{/if}
{else}
<p><br>No posts have been made on this board. :(<br><br></p>
{/if}
</td>
</tr>
<tr class="info">
<td class="viewing">
<center>$[board.num_viewing] viewers</center>
</td>
<td class="threads">
{if $[board.threads] == -1}N/A{else}$[board.threads]{/if} topics
</td>
<td class="posts">
{if $[board.posts] == -1}N/A{else}$[board.posts]{/if} posts
</td>
</tr>
{if $[board.sub_board]}
<tr>
<td colspan="4" class="sub-boards" >
<i><b>Sub-board{if $[board.sub_board] != 1}s{/if}:</b></i>
{foreach $[board.sub_board]}$[board.sub_board]$[board.sub_board.comma] {/foreach}
</td>
</tr>
{/if}
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon icon2">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
<p class="description">$[board.description]</p>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>
Once the code is pasted in, feel free to edit
Line 29 to whatever message you wish to display.
Now go to
Admin > Themes > Advanced Colors & CSS > Style Sheet and paste in the following code at the very bottom and save.
Feel free to change the styles around to suit your forum however,
DO NOT CHANGE ANY OF THE WIDTH VALUES!!! Unless you know what you are doing, otherwise you'll screw it all up.
/* Zetaboards Styled Board Remodel for Proboards v5 CSS by FallenSamurai @ smangii.proboards.com */
.icon2, .sub-boards, .latest {
background-color: #F6F6F6;
}
.icon2 {
margin: 0px;
padding: 0px;
text-align: center;
width: 3% !important;
}
.main .clickable {
width: 60% !important;
}
.sub-boards {
font-size: 9px;
}
.last_post {
font-size: 9px !important;
text-align: left !important;
width: 30%;
}
.info tr{
font-size: 9px !important;
}
.boards .threads, .boards .posts, .boards .viewing {
width: 0% ! important;
font-size: 9px !important;
padding: 3px 3px !important;
margin:0 !important;
}
table.list>thead>tr.last>td,table.list>tbody>tr.last>td{border-bottom-width:1px !important;}
Should have studied for my test. Oh well. Let me know if you find any problems.
Jul 1, 2013 21:21:36 GMT -5
Thank you
FallenSamurai this is awesome
)
It looks awesome on my board.
link
Oct 15, 2013 8:26:56 GMT -5
<tr class="info" style="display: none;">
line 33 - remove the style="display; none;"
<tr class="info">
Oct 15, 2013 8:31:00 GMT -5
i had a look for it on my code and it aint there ?
Oct 15, 2013 8:34:17 GMT -5
Re-copy and re-paste the template code.
Oct 15, 2013 8:39:03 GMT -5
sorry did that and it is still the way it was before
Oct 15, 2013 8:46:45 GMT -5
There is nothing wrong with the code posted, since I tested it on one of my boards.
Somehow style="display: none;" is being inserted into the template which is causing your issues.
Oct 15, 2013 9:15:40 GMT -5
There is nothing wrong with the code posted, since I tested it on one of my boards.
Somehow style="display: none;" is being inserted into the template which is causing your issues.
have looked and cant see it anywhere hmm this has me stumped big time
Smangii --- smangii HELPPPPPPPPPPPPP
I'm around and round we go
Moderator
Oct 15, 2013 9:22:40 GMT -5
Hi!
Make a brand new theme (PB Default) and paste the code into that theme. If it works, than you know there is something conflicting in the other theme, and then you can copy everything over.
Oct 15, 2013 9:30:14 GMT -5
Smangii thanks solved it
was one of two plugins - Info Center Move/Reply Button In Posts And Recent Posts
May 28, 2017 14:17:10 GMT -5
This looks perfect for my latest project, thank you!
Sept 26, 2017 16:07:12 GMT -5
I am using it here:
soapcity.freeforums.net/ However, I can't find where to remove the folders at. Nice code, just don't need the folders. Thank you.