[CSS] Show and hide forum description [HOVER VERSION]

As all of you know it, I created a tutorial that show and hide forum description. And now, I make an hover version of it.





1º - Template
Change [ic]{catrow.forumrow.FORUM_DESC}[/ic] on [ic]index_box[/ic] to [ic]<div class="l_forumdesc"><div class="l_forumdesc_idx-desc">{catrow.forumrow.FORUM_DESC}</div></div>[/ic]


2º - CSS

Code:

[panda=css].l_forumdesc{
display:none;
}
tr td:hover .l_forumdesc{
display:inherit;
}
.l_forumdesc_idx-desc{
display:inline-block;
background: #E4E3E2;
border: 5px solid #85817c;
border-radius: 10px;
box-shadow: 0 0 5px #000 inset;
color: #555;
font-size: 10px;
padding: 4px 5px;
}

3º - Preview

---

If you have any questions related to this topic create a topic with the following title: Show and hide forum description [HOVER VERSION]

The tutorial is working, but seems like there is a lot of unnecessary space in there.

It works pretty well here http://640509-040147.forumotion.com/

thanks

Okay, seems like it's alright now.


[sucesso="Tutorial Accepted"] Your tutorial has been reviewed and we decide to accept it. Thanks for sharing with punbb.biz community.

Points added to the user.[/sucesso]