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 :
Pasul 1: avem nevoie de imaginile meniului
Pasul 2: intram in pa/afisare/administrare imagini/mod avansat si adaugam imaginile la fiecare categorie ca aici
Pasul 3: adaugam CSS-ul
pasul 5: Un multumesc este de ajuns :)Meniul este gata
Interesant nu?
Previzualizare live click aici
Print screen :
Pasul 1: avem nevoie de imaginile meniului
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
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