Peste 500 tutoriale in limba romana.

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;
}



2.HTML
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>


---

Tutorial realizat de Emanuel

Foarte frumos meniul, îmi place efectul la mouse over .

Re: Menu with CSS3
VizitatoJoi 3 Mai - 16:00

Imi place foarte mult hover-ul.

thumb_upîmi placethumb_downnu îmi place

Re: Menu with CSS3
Hissae2Joi 3 Mai - 21:26

Mda... tare. Nu am vazut nici un tutorial creat de Emanuel pe aici. A scris doar unde se adauga codurile, si sunt luate de pe diverse site-uri sau bloguri. Nimic original. Si eu as putea lua toate meniurile de pe google si sa zic in toate cele 100 de mii de tutoriale:

adaugati in Foaie de stil CSS:
...

adaugati in template:
...

thumb_upîmi placethumb_downnu îmi place

Re: Menu with CSS3
Mos CraciunVin 18 Mai - 21:45

problema e ca l-am adaugat si nu schimba nimic

thumb_upîmi placethumb_downnu îmi place

Re: Menu with CSS3
BrannyVin 28 Mar - 16:49

thank you sir!

thumb_upîmi placethumb_downnu îmi place

Re: Menu with CSS3
hamsahaqSam 28 Mar - 13:16

Re: Menu with CSS3
Continut sponsorizat