Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Serie Tutoriale CSS
Scris de Hachiy Dum 15 Ian - 16:59
» Wireless ipb theme [punBB]
Scris de vi01239984564 Mar 10 Ian - 11:50
» Summer v1.1 theme
Scris de vi01239984564 Mar 10 Ian - 9:57
» Va place acest forum? [Subiect Unic]
Scris de Andrei34 Vin 6 Ian - 0:21
Cuvinte-cheie

phpBB2  banner  tema  Statistici  Bara  html  menu  legenda  cautare  avatar  animate  Mesaje  reclama  radio  subiecte  ultimele  navigare  subforumuri  punbb  tutorial  Metin2  profil  drop  meniu  chenar  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
1 avertisment
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