Requesting Board Remodel!

[Rileykins]

I totally understand that there are a lot of these floating around so I won't mind if I'm waiting for a while c:

Hello! My name is Riley, and I'm currently returning to Proboards after a seven/eight year hiatus. I'm running a role-play site ( pkmn-jux.freeforums.net ) and I was wondering if I could please get a board remodel? 
My forum is running the Sidebar Redux plugin which is obviously making it thinner, and I would have to keep that around because its where our cbox is sitting.

Examples of the remodel- 

So in this example, the board icon would be in the far left, followed by the board name, and then under that, the topic title, topic author and when it was posted beneath it. Then followed to the right by a place for board description, and then at the far right would be the area where board topics and replies would go. I would prefer this remodel if possible!

I totally understand that there's a lot of demand going around and I'm happy waiting, and answering any questions!

[Tumbleweed]

Aug 10, 2016 12:24:47 GMT -8 Rileykins said:

I totally understand that there are a lot of these floating around so I won't mind if I'm waiting for a while c:

Hello! My name is Riley, and I'm currently returning to Proboards after a seven/eight year hiatus. I'm running a role-play site ( pkmn-jux.freeforums.net ) and I was wondering if I could please get a board remodel? 
My forum is running the Sidebar Redux plugin which is obviously making it thinner, and I would have to keep that around because its where our cbox is sitting.

Examples of the remodel- 

So in this example, the board icon would be in the far left, followed by the board name, and then under that, the topic title, topic author and when it was posted beneath it. Then followed to the right by a place for board description, and then at the far right would be the area where board topics and replies would go. I would prefer this remodel if possible!

I totally understand that there's a lot of demand going around and I'm happy waiting, and answering any questions!

Just a question so we have a little more info, for whoever may take this on. Do you not want moderators and sub-boards to show? I only am asking as some members forget about including them in their mock-up example and realize later they actually wanted them to show. 

[Rileykins]

Hi Tumbleweed! Thanks for the speedy reply!

No, I would not like sub-boards or moderators to show please and thank you :)

[Rileykins]

Not sure if I'm allowed to bump this; it's been over 24 hours :)

[Tumbleweed]

Aug 13, 2016 12:20:02 GMT -8 Rileykins said:

Not sure if I'm allowed to bump this; it's been over 24 hours

Yep, you can bump every 24 hours. Since I'm waiting on a reply from another member in another board remodel request, I decided to go ahead and start working on your request but won't do so until later tonight so if anyone else wants to do this request meanwhile, feel free but post here that you are doing it. I am working on this.

Rileykins , Didn't get at this until today but not done yet as I didn't have enough time. Hope you still want this.

[Rileykins]

Tumbleweed - yes, this is still wanted! Thank you!

[Tumbleweed]

Aug 15, 2016 7:25:02 GMT -8 Rileykins said:

Tumbleweed - yes, this is still wanted! Thank you!

Thanks, just checking.

I have it almost done and will provide a link to the test site I have it on but keep in mind, the colors don't match what your example shows as my theme colors were different so I had to make things show up. All of that you can change and I'll put a comment by each css class/id so you'll know what to change. Right now I want you to take a look and tell me, aside from colors, what you want tweaked, etc. I just did a rough layout so we can adjust things to be bigger/smaller/etc. to your liking.

Test Site

[Rileykins]

Tumbleweed - Its great! It's exactly what I hoped for. I don't see any reason to change anything.

[Tumbleweed]

I'm sorry about the delay, Rileykins .  Been a bit under the weather and just didn't feel like dealing with coding but I'm feeling a bit better now.
Here is the template for the board list: (Admin > Themes> Layout Templates>Board list tab)

<table class="list" role="grid">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<br />

                       <div class="latest last">
{if $[board.posts] > 0}
{if $[board.last_thread]}
$[board.last_thread.recent_link]<br />
by $[board.last_thread.last_post.created_by]<br />
<span class="date">$[board.last_thread.last_post.created_on]</span>
{/if}
{else}
No posts have been made on this board.
{/if}
</div>
                       
                   </td><td class="descrip">
                       
                         <div class="description"><div class="inner">$[board.description]</div></div>
<!--{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}
{if $[board.sub_board]}
<p class="sub-boards">
Sub-board{if $[board.sub_board] != 1}s{/if}:
{foreach $[board.sub_board]}<a href="$[board.sub_board.href]">$[board.sub_board.name]</a>$[board.sub_board.comma] {/foreach}
</p>
{/if}-->
</td>
<td class="threads"><div class="outer"><div class="inner">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}<div class="thrd_psts">TOPICS</div></div></div></td>
<td class="posts"><div class="outer"><div class="inner">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}<div class="thrd_psts">REPLIES</div></div></div></td>

</tr>
{else}
<tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]</td>
<td class="main clickable redirect last" colspan="4">
<span class="link">$[board]</span><br />
                       <div class="description"><div class="inner">$[board.description]</div></div>
</td>
</tr>
{/if}
{/foreach}
{if !$[board]}
<tr class="last"><td class="last center" colspan="5">No boards were found.</td></tr>
{/if}
</tbody>
</table>



And here is the css which you can put at the very bottom of you style sheet.

/*board remodel*/
/*category title to right and style*/
.container>.title-bar.bbcode h2{
   text-align:right;
   text-transform:uppercase;
   font-size:20px;
   font-weight: bold;
   width:100%!important;
   border:0px;
   border-bottom:8px solid black;
   padding: 8px 20px 8px 0px;
}
/*first letter style*/
.title_wrapper::first-letter{
font-weight: bold;font-size:20px;
color:#000000;padding-right:2px;
}
/*border between cells*/
.boards.table.list > thead > tr > th, table.list > tbody > tr > td{
border:1px solid #eeeeee!important;padding:8px;
}
/*width of 2nd column and centering*/
.boards .main { width: 45%;text-align:center;}
/*threads width*/
.boards td.threads {
   width: 4%;
   margin:8px;
   padding:8px;
   text-align: @board_align_threads;
   white-space: nowrap;
}
/*posts width*/
.boards td.posts {
   width: 4%;
   margin:8px;
   padding:8px;
   text-align: @board_align_posts;
   white-space: nowrap;
}
/*latest is in 2nd colum so width is 100%*/
.boards .latest { width: 100%;  text-align:center; }
/*board title style*/
.list .item>.main span.link{font-size:16px;text-transform:uppercase;}
/*special div in template for description width*/
.descrip{width:45%;}
/*the border around descriptons and style*/
.boards .description{background-color:#dddddd;padding:8px;
text-transform:uppercase;font-style:normal;text-align:justify;}
/*the border around threads-posts and font size for the number*/
.outer{background-color:#eeeeee;padding:8px;font-size:18px;}
/*the inner color and style of posts and threads*/
.inner{background-color:#ffffff!important;padding:8px;}
/*this puts space between the number and the text topics-replies(threads-posts)*/
/*also font size for the text topics-replies*/
.thrd_psts{padding-top:4px;font-size:10px!important;}


Let me know if you run into any issues.

[Rileykins]

Ah! Its perfect, thank you so much! I hope you feel better soon!