Requesting a Board Remodel

[Riley]

Yeahh, trust me to babble when I'm jet-lagged tenfold and not make what I'm trying to say clear. Disregard all that I said about the new/old images - all I was asking for was that they be round, pff, even though I can easily do it on my own with the magic of Photoshop. 

Also, here's a link to my forum:
archaic-pawprints.boards.net/
Shhh, it's still in renovation in terms of decoration and stuff.

It's current width [according to the Colours & Themes Editor,] is 1400px. 

Also, yess, good, that's a really nice, eloquent title there on that first board example. Yes, good. 

I personally don't think there will be a lot of long-titled posts on the site. It's not a forum-based community and maybe the longest thing you'll see will be Rules & Regulations posts.
I think all I really ask to be changed right now is that when you hover over a board, there's no highlight to a lighter tone of grey. And maybe no underline or darker highlight on the board title, if it's not too much trouble! I've always been 'nehhh' with highlights because I'm odd, don't mind me.

[Tumbleweed]

Riley , I apologize for the delay. I should have the code and instructions for you tomorrow Saturday as I'll have more free time.  (
(Whoops, meant Saturday)

[Tumbleweed]

Thanks for the width. Seems to work fine at that width but I'm not sure if you know that I have to scroll to see your whole site. No biggie though since I won't e the one on your site. lol

O.K. Here we go. This is the html for the Board List template. (Admin> Themes> Layout Templates>Board List) Replace what you have with this:



<table class="list" role="grid">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
<tr id="$[board.content_id]" class="$[board.content_class]">
                   <td class="icon"><div class="icon_wrap">$[board.icon]</div></td>
<td class="main clickable" style="vertical-align:top;">
                       <div style="vertical-align:top;">
<span class="link">$[board]</span>{if $[board.num_viewing]}<span class="viewing"> - $[board.num_viewing] Viewing</span>{/if}<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}-->
                       </div>
                       
                  {if $[board.sub_board]}
<div class="sub-boards">
                             
{if $[board.sub_board] != 1}{/if}
{foreach $[board.sub_board]}  <div class="subbies"><a href="$[board.sub_board.href]">$[board.sub_board.name]</a></div> {/foreach}
</div>
{/if}  
                     

<td>
                       <div class="thr_pst_ltst">
<div class="latest last">
{if $[board.posts] > 0}
                          {if $[board.last_thread]}
                        <div class="border_sty">
$[board.last_thread.recent_link]
</div>
<div class="border_sty">
by $[board.last_thread.last_post.created_by]
</div>
<div class="border_sty">
<span class="date">$[board.last_thread.last_post.created_on]</span>
</div>
{/if}
{else}
                        <div class="border_sty_np">No posts have been made on this board.</div>
{/if}
                        <div class="border_sty">
                            <span class="threads">{if $[board.threads] == -1}N/A{else}$[board.threads]{/if}  Threads</span>    
<span class="posts">{if $[board.posts] == -1}N/A{else}$[board.posts]{/if}  Posts</span>
                      </div>
                           </div>
                       </div>
</td>
</tr>
{else}
       <tr id="$[board.content_id]" class="$[board.content_class]">
<td class="icon">$[board.icon]ss</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>
<p style="clear:both;"></p>



And this is the css that you can put at the bottom of your style sheet. I put a comment by the majority of things so you know what it does but others are pretty self-explanitory.


/*.board remodel*/
.list td{vertical-align:top!important;
}
.icon_wrap{background-color:#333333;
padding:4px!important;
margin-top:23px;/*positions where the icon is*/
}
/*description css*/
.boards .main .description{background-color:#444444;
padding:12px!important;
border:8px solid #333333;
color:#dddddd;
}
/*outer wrapper for last post column*/
.thr_pst_ltst{background-color:#333333;padding:4px;
font-size:12px;
text-align:center!important;
margin-top:23px;
}
/*sub board boxes*/
.sub-boards{margin:4px;/*this just keeps them seperate*/}
/*the sub board box css*/
.subbies{
background-color:#333333;
padding:6px;
font-size:10px;
margin:8px 2px 8px 2px;
float:right;
font-size:12px;
}
/*sub-board text link*/
.subbies a:link{font-size:12px;}
/*last thread subject text link*/
.thr_pst_ltst a:link{font-size:12px;}
/*the border around threads posts date*/
.border_sty{
background-color:#444444;
padding:2px;
font-size:12px;
margin:4px;
text-align:center;
}
table.list>thead>tr>th, table.list>tbody>tr>td{border:0px;
}
/*border around no posts have been made*/
.border_sty_np{font-size:9px;background-color:#444444;
margin:4px 4px 4px 4px;color:#dddddd;text-align:center;padding:2px;
}
/*removed the underline in board titles*/
.boards .main.clickable a{text-decoration:none!important;
}
/*the board title style*/
.link{font-size:18px;background-color:none;
}
/*the category bar background color and text*/
.title-bar.bbcode{font-size:22px;background-color:#333333;background-image:none;border:0px;
}
.container>.content{background-color:#444444;
}
/*this set the hover of the board to be that of the background so no hover color*/
tr.board:hover{background-color:#555555!important;}



And like I said, there are bound to be some little thing(s) that crops up that needs tweaking so just let me know.

[Riley]

Tumbleweed

I can't thank you enough, friend! Any additional tweaking can be done on my own -- I'm just talented enough in coding to do that. But really, there's nothing to be tweaked! Thanks so much for creating this remodel for me!

And yeahh, I plan to open a few categories for guest eyes to view. Just when all the informational threads and stuff are done, heh--

[Tumbleweed]

Jul 23, 2016 9:33:27 GMT -8 Riley said:

Tumbleweed

I can't thank you enough, friend! Any additional tweaking can be done on my own -- I'm just talented enough in coding to do that. But really, there's nothing to be tweaked! Thanks so much for creating this remodel for me!

And yeahh, I plan to open a few categories for guest eyes to view. Just when all the informational threads and stuff are done, heh--

You're welcome and I do apologize for this taking so long. I took a peek at your site and it looks good with the changes you made. Thumb up!