MdL
Rank: Administrator Mesaje : 2756
Membru din : 23/11/2011
Nick CS : nDyc3 #-
Mulţumiri : 130 | Subiect: Meniu vertical plutitor(punbb) Sam Ian 05, 2013 3:53 am |
|
| Salut,astazi am modificat meniul unei teme Punbb care va fi pozitionat in partea stanga si va pluti. Interesant nu? Previzualizare live click aici Print screen : [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]Pasul 1: avem nevoie de imaginile meniului [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]- Spoiler:
- Cod:
-
http://i42.servimg.com/u/f42/14/12/03/12/pagina10.png http://i42.servimg.com/u/f42/14/12/03/12/intreb10.png http://i42.servimg.com/u/f42/14/12/03/12/postal10.png http://i42.servimg.com/u/f42/14/12/03/12/cauta10.png http://i42.servimg.com/u/f42/14/12/03/12/membri25.png http://i42.servimg.com/u/f42/14/12/03/12/grupur25.png http://i42.servimg.com/u/f42/14/12/03/12/setari10.png http://i42.servimg.com/u/f42/14/12/03/12/mesaje35.png http://i42.servimg.com/u/f42/14/12/03/12/mesaje36.png http://i42.servimg.com/u/f42/14/12/03/12/inregi19.png http://i42.servimg.com/u/f42/14/12/03/12/conect21.png[ http://i42.servimg.com/u/f42/14/12/03/12/decone21.png
Pasul 2: intram in pa/afisare/administrare imagini/mod avansat si adaugam imaginile la fiecare categorie ca aici [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]Pasul 3: adaugam CSS-ul - Cod:
-
/* meniu de navigare pentru punbb-------------------------------------------------------------*/ #pun-head #pun-navlinks { padding: 0.5em 1.1em 0.6em 1.1em; background-color: transparent; border-color: transparent; } #pun-navlinks ul { list-style: none; text-align: left; position: fixed; left: -120px; width: 150px; z-index:1;
} #pun-navlinks ul:hover { left: 0px;
} #pun-navlinks li { display: inline; font-size: 1em; } #pun-navlinks li a { margin: 0 00em 0 0; color: #7ec044; } #pun-navlinks a, #pun-navlinks a:visited { /*color: #fff; */ text-decoration: none; } #pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus { text-decoration: none; /*color: #fff; */ }
pasul 5: Un multumesc este de ajuns :)Meniul este gata |
|