Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de Iustin Vin 17 Feb - 14:49
» Sliding Menu Bar V5
Scris de RAKSONE Mier 15 Feb - 1:13
» Cereri intrare in staff[Deschise]
Scris de Madross Sam 11 Feb - 21:11
» Cum iti creezi propriul joc online
Scris de xTeRm0 Sam 11 Feb - 14:47
» Informatii Primul Post [IPB Animate]
Scris de bablil Sam 11 Feb - 0:22
Cuvinte-cheie

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

Meniu Elegant de navigare plutitor PunBB

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
Vizitator
Re: Meniu Elegant de navigare plutitor PunBB la data de Sam 1 Dec - 17:30

Chiar e tare , bravo franta pentru munca depusa !
Membru ET
Mesaje : 70
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
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