Meniu Elegant de navigare plutitor

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

Previzualizare live [You must be registered and logged in to see this link.]

Print screen :
[You must be registered and logged in to see this link.]


Pasul 1: avem nevoie de imaginile meniului

[You must be registered and logged in to see this image.]

Spoiler:

Pasul 2: intram in pa/afisare/administrare imagini/mod avansat si adaugam imaginile la fiecare categorie ca aici


[You must be registered and logged in to see this image.]



Pasul 3: adaugam CSS-ul

Code:


/* 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[/quote]