Navigare rapidă

Ultimele subiecte
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
» Avatar User in Online List
Scris de Emanueltutorials Vin 9 Feb - 21:18
Cuvinte-cheie

edit  

Adaugarea unui meniu miscator cu ajutorul css-ului


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga un meniu miscator pe forumurile voastre. O demonstratie pentru a vedea despre ce este vorba aveti mai jos.


Adaugati urmatorul cod in Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS

Cod:
#menu-css li {
 display: inline;
 list-style: none;
}

#menu-css li a {

 /* Border Radius */
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;

 /* Border Shadow */
 -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
 -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
 box-shadow: 1px 2px 2px rgba(0,0,0,0.6);

 /* Animation (Webkit, Gecko & Mozilla) */
 -webkit-transition-duration: 0.20s;
 -webkit-transition-timing-function: ease-out;
 -moz-transition-duration: 0.20s;
 -moz-transition-timing-function: ease-out;

 color: #ffffff;
 background: rgba(0,0,0,0.2);
 display: inline-block;
 padding: 5px 15px;
 outline: none;
 text-decoration: none;
}

 #menu-css li a:hover {
 background: rgba(0,0,0,0.5);
 padding: 5px 25px;
 }

 #menu-css li a:active {
 background: rgba(0,0,0,0.1);
 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
 -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
 box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
 }

Codul de mai jos il puteti adauga oriunde pe forumul dvs:
Cod:
<ul id="menu-css">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Portal</a></li>
<li><a href="#">Tutoriale</a></li>
</ul>




Tutorial scris de Emanuel

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru nou
avatar
la data de Sam 5 Oct - 13:40
Andrew xD. Membru nou
Conectat
Multumesc mult !
Membru ET
la data de Sam 26 Oct - 19:50
hh Membru ET
Conectat
savedem
Membru nou
avatar
la data de Dum 27 Oct - 14:46
Sandu1 Membru nou
Conectat
Frumos
Membru nou
avatar
la data de Sam 9 Noi - 12:56
Muppet Membru nou
Conectat
nice
Membru nou
avatar
la data de Sam 9 Noi - 13:16
ccatalin2916 Membru nou
Conectat
Sa vad cum e. Pare frumos din demo.