Navigare rapidă

Ultimele subiecte
» Avatar forumotion toolbar
Scris de MihaiExtremTutorials Sam 16 Dec - 3:50
» Light Bright Template
Scris de kresk0va^ Joi 14 Dec - 22:35
» Wireless ipb theme [punBB]
Scris de Madross Dum 3 Dec - 23:59
Cuvinte-cheie

edit  

Meniu Elegant de navigare plutitor PunBB

avatar
Membru dedicat
Mesaje : 827
Localizare : in spatele tau
Sex : masculin
0 avertismente
Vezi profilul utilizatorului http://frannnta-design.online-talk.net/forum
Meniu Elegant de navigare plutitor PunBB la data de Sam 1 Dec - 16:14

Salut,astazi am modificat meniul unei teme Punbb care va fi pozitionat in partea stanga si va pluti.
Interesant nu?

Previzualizare live [Doar moderatorii au dreptul de a vedea acest link]

Print screen :
[Doar moderatorii au dreptul de a vedea acest link]


Pasul 1: avem nevoie de imaginile meniului

[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta imagine]
[Doar moderatorii au dreptul sa vada aceasta 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


[Doar moderatorii au dreptul sa vada aceasta 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




[Doar moderatorii au dreptul de a vedea acest link]


Sabin ;x este online 24/24 cateodata si noaptea
Vizitato
avatar
Vizitator
Re: Meniu Elegant de navigare plutitor PunBB la data de Sam 1 Dec - 17:30

Chiar e tare , bravo franta pentru munca depusa !
avatar
Membru ET
Mesaje : 72
Localizare : bucuresti
Sex : masculin
0 avertismente
Vezi profilul utilizatorului
Re: Meniu Elegant de navigare plutitor PunBB la data de Dum 2 Dec - 14:10

phpbb3 nu merge :o3
Vizitato
avatar
Vizitator
Re: Meniu Elegant de navigare plutitor PunBB la data de Dum 2 Dec - 14:13

Citeste si tu titlul :

Cod:
Meniu Elegant de navigare plutitor PunBB


E doar pentru punBB , daca vrei sa il faci pentru phpBB3 trebuie sa il faci din css si jquery

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum