Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !

Menu with CSS3

Vezi subiectul anterior Vezi subiectul urmator In jos

Menu with CSS3

Mesaj Scris de Vizitato la data de Joi Apr 14, 2011 9:16 pm

Menu 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:
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 | DesignART

***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !



Ultima editare efectuata de catre Emanuel in Vin Apr 29, 2011 10:33 am, editata de 3 ori
avatar
Vizitato
Vizitator


Sus In jos

Re: Menu with CSS3

Mesaj Scris de Aleku la data de Sam Apr 23, 2011 9:14 am

Demontraţia nu mai merge.
avatar
Aleku
Gold Member
Gold Member

Mesaje Mesaje : 325
Credite Credite : 304
Reputatie : 0
Varsta Varsta : 22

http://edtutorials.forumz.ro/

Sus In jos

Re: Menu with CSS3

Mesaj Scris de denisdeni22 la data de Mar Sept 27, 2011 5:45 am

Bravo Emanuel.Te pricepi.
avatar
denisdeni22
Membru DesignART
Membru DesignART

Mesaje Mesaje : 98
Credite Credite : 36
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Pascani

http://junktutorials.wikiforum.ro/

Sus In jos

Re: Menu with CSS3

Mesaj Scris de Edge la data de Mar Sept 27, 2011 6:49 am

denisdeni22, va rog sa comentati in minim 5 cuvinte pentru a nu se considera Spam!
Mulţumesc pentru înţelegere!


Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 21
Localizare Localizare : Resita

http://designart.forumhit.ro/

Sus In jos

Re: Menu with CSS3

Mesaj Scris de eric23081999 la data de Mar Sept 27, 2011 5:44 pm

Foarte bun! Dar nu mai merge previzualizarea. Eu l-am pus in css , dar nu stiu de altii.
avatar
eric23081999
Membru DesignART
Membru DesignART

Mesaje Mesaje : 54
Credite Credite : 72
Reputatie : 0
Varsta Varsta : 57
Localizare Localizare : da

http://graphicart.forumz.ro

Sus In jos

Re: Menu with CSS3

Mesaj Scris de Mr.Crispy la data de Mier Sept 28, 2011 11:53 am

Foarte frumoasa demostratia . Am sa incerc si eu acest cod

Mr.Crispy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 67
Credite Credite : 118
Reputatie : 0
Varsta Varsta : 21
Localizare Localizare : DesignART

Sus In jos

Re: Menu with CSS3

Mesaj Scris de Gabryel la data de Mier Oct 19, 2011 2:03 pm

foarte bun acest cod, bravo
avatar
Gabryel
Gold Member
Gold Member

Mesaje Mesaje : 101
Credite Credite : 106
Reputatie : 0
Localizare Localizare : MUIE DESIGNART!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

http://MUIEDESIGNRT.FORUMHIT.RO

Sus In jos

Re: Menu with CSS3

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum