fraNNNta-Design

Bine a-ti venit pe fraNNNta-Design
conectarecreaza cont



Meniu Elegant de navigare plutitor

Distribuiţi
mr.franta OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 3980
Inscris : 18/06/2011

biggri Meniu Elegant de navigare plutitor

Mesaj Scris de mr.franta la data de Sam Dec 01, 2012 4:11 pm

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















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


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Aditzu. OnlineOffline
avatar
administator
Respect : 100%
Mesaje : 1263
Inscris : 21/10/2012

biggri Re: Meniu Elegant de navigare plutitor

Mesaj Scris de Aditzu. la data de Vin Dec 14, 2012 2:32 pm

Foarte tare si bun bravo frannta



Ajut utilizatori ForumGratuit cu probleme legate de (scripturi,coduri,widgeturi,forum) tot ceea ce trebuie sa faci este sa dai un mesaj privat Aici


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Dana. OnlineOffline
avatar
fondator
Respect : 100%
Mesaje : 718
Inscris : 25/06/2013

biggri Re: Meniu Elegant de navigare plutitor

Mesaj Scris de Dana. la data de Sam Feb 14, 2015 8:49 am

bravo sabin :* multumim :X


Sus
Vezi profilul utilizatorului Vizualizeaza profilul
Continut sponsorizat OnlineOffline

biggri Re: Meniu Elegant de navigare plutitor

Mesaj Scris de Continut sponsorizat



Sus

    Acum este: Joi Dec 13, 2018 7:58 pm