Navigare rapidă

Ultimele subiecte
» Cum sa repari un CD sau DVD "Idiot"
Scris de drax Mier 3 Mai - 10:05
» No Avatars
Scris de MihaiExtremTutorials Vin 28 Apr - 23:17
» Set complet de iconuri
Scris de drax Vin 28 Apr - 11:25
» Butoane Subiecte Multicolor
Scris de drax Vin 28 Apr - 11:23
Cuvinte-cheie

Mesaje  drop  meniu  Statistici  cautare  Metin2  legenda  tema  reclama  ultimele  Bara  profil  html  subiecte  punbb  phpBB2  edit  navigare  subforumuri  animate  menu  banner  radio  tutorial  chenar  avatar  

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 click aici

Print screen :
[Doar moderatorii au dreptul sa vada aceasta imagine]


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 sa vada aceasta imagine]


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