Navigare rapidă
Ultimele subiecte
Cuvinte-cheie
Un meniu css3 afisat in partea stanga a paginii
Scris de Raykim in data de 04.10 .2013Menu with CSS3
Salut, Vizitator in acest tutorial am sa iti prezint meniul Menu with CSS3, acest nuniu este un meniu foarte dreagut care ne permite sa navigam mult mai repede pe pe forumul ,siteul, blogul nostru.Este foarte usor de instalat daca veti urma atent pasi de instalare.
Demonstratie:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Click pe lupa pentru a vedea meniul.
Mod de instalare
1.CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS
Acest meniu il puteti pune ori unde doriti dumneavoastra pe forum, ca de ex: il puteti pune ca widget.Acesta a fost doar un exemplu,dar dumneavoastra puteti pune codul ori unde doriti.
Si ai reusit!
Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.
Salut, Vizitator in acest tutorial am sa iti prezint meniul Menu with CSS3, acest nuniu este un meniu foarte dreagut care ne permite sa navigam mult mai repede pe pe forumul ,siteul, blogul nostru.Este foarte usor de instalat daca veti urma atent pasi de instalare.
Demonstratie:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Click pe lupa pentru a vedea meniul.
Mod de instalare
1.CSS
Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS
- Cod:
.navbox {
position: relative;
float: left;
}
ul.nav {
list-style: none;
display: block;
width: 200px;
position: relative;
top: 100px;
left: 10px;
padding: 60px 0 60px 0;
background: url(http://i60.servimg.com/u/f60/15/90/76/08/shad210.png) no-repeat;
-webkit-background-size: 50% 100%;
}
li {
margin: 5px 0 0 0;
}
ul.nav li a {
-webkit-transition: all 0.3s ease-out;
background: #cbcbcb url(http://i60.servimg.com/u/f60/15/90/76/08/border10.png) no-repeat;
color: #174867;
padding: 7px 15px 7px 15px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
width: 100px;
display: block;
text-decoration: none;
-webkit-box-shadow: 2px 2px 4px #888;
}
ul.nav li a:hover {
background: #ebebeb url(http://i60.servimg.com/u/f60/15/90/76/08/border10.png) no-repeat;
color: #67a5cd;
padding: 7px 15px 7px 30px;
}
Acest meniu il puteti pune ori unde doriti dumneavoastra pe forum, ca de ex: il puteti pune ca widget.Acesta a fost doar un exemplu,dar dumneavoastra puteti pune codul ori unde doriti.
- Cod:
<div class="navbox">
<ul class="nav">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
Si ai reusit!
Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.
Comentariile utilizatorilor
Fii primul care comenteaza acest articol