Css help please. [unresolved/closed]

[Welshling]

So it's me again pestering you guys, to lend me your expertise xD

I am trying to do a few things with the current default theme @ Delusional these things are listed below, any advice or anything would be appreciated thank you.

1) I am trying to embed the css sidebar, into the border around the forum... Like the Sidebar Redux, where it will make the boards 800 pixels and allow the sidebar to be 200 pixels, which means shrinking the over all width from its present 1000px. (if this doesn't make sense let me know >.<)

2) The board descriptions have been tweaked to have a background color appear when hovered over, I would also like to style these descriptions to show if a new post has been made by altering the border around the description colors. I have used a piece of css from Stinky666 numerous times but for the life of me I cannot figure out how to combine the hover with the descrip and descrip2 classes.

And that is all for now thanks for putting up with me and my incompetence

Tumbleweed or RedBassett or anyone, if it helps I could post the css i have for the board descriptions?

[Welshling]

anyone have a clue on how to do this please?

I've managed to get it to work in part, except i cannot figure out how to get the new post styles to work... Below is what i have in the board list, templates layout area.

SPOILER: Click to show

<!--board mod by Rach of Delusional-->
<table role="grid" width="100%">
<tbody>
{foreach $[board]}
{if !$[board.is_redirect]}
{if $[board.odd] == 1}<tr>{/if}
{if $[board.lastIndex] == $[board.index]}<td valign="top" colspan="3" id="$[board.content_id]" class="$[board.content_class] boardtd">{else}
<td width="49%" id="$[board.content_id]" class="$[board.content_class] boardtd" valign="top">{/if}
<div class="board-name" style="text-align:center;font-size:14px;">$[board]</div>
<div class="board-last-post" style="font-size:12px;margin-left:6px;margin-bottom:2px;"><span>{if $[board.posts] > 0}
{if $[board.last_thread]}$[board.last_thread.recent_link] {/if}{/if}</span></div>

<table width="100%" cellpadding="5px"><tr>
<td><div class="descrip, descrip2" style="align:center;height:50px;overflow:auto;font-size:11px;">$[board.description]</div></td>
</tr>
</table>
{if $[board.num_mods]}
<div class="moderators">{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}</div>
{/if}
{if $[board.sub_board]}
<div class="sub-boards" style="background:#29211f;margin-right:10px;padding:3px; margin-left:10px; margin-bottom:10px; font-size:10px;text-align:right;">{foreach $[board.sub_board]}$[board.sub_board]$[board.sub_board.comma] {/foreach}</div>
{/if}
<div class="clear"></div>
</td>{if $[board.odd] == 1}{if $[board.lastIndex] != $[board.index]}<td width="2%"> </td>{/if}{/if}
{if $[board.even] == 1}</tr>{/if}
{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 />
<p {if $[board.is_new]} id="descrip2"{else}id="descrip"{/if}>$[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>
<!--end of board mod-->

AND the CSS for this.
/* board mod description transition */
.descrip {border: 3px solid #111111; margin-left:10px; margin-right:10px;margin-bottom:6px;padding:6px;}
.descrip:hover {background:#6D5C41; color:#BACD9D; padding:6px;}
.descrip2 {border: 3px solid #BACD9D; margin-left:10px; margin-right:10px;margin-bottom:6px;padding:6px;}
.descrip2:hover {background:#6D5C41; color:#BACD9D; padding:6px;}

Thank you to anyone who can assist with this.

[Welshling]

Anyone?

[Welshling]

I decided against this now.