Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

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



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  nanako

avatar
Punbb Guru
Punbb Guru


Tutorial: 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.


--> Tutorials, tips and tricks <--
Show and hide forum description [HOVER VERSION]



- 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]


- 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;
}


- Preview




© PunBB Design


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

Powered by PunBB
Currently 0 users have thanked nanako for this post:

2
Offline

  Shadow

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

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

3
Offline

  nanako

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

Powered by PunBB
Currently 0 users have thanked nanako for this post:

4
Offline

  Udarsha45

avatar
Punbb Rookie
Punbb Rookie
thanks

Powered by PunBB
Currently 0 users have thanked Udarsha45 for this post:

5
Offline

  Shadow

avatar
Administrator
Administrator
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]

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum