Facebook Meniu

Scris de KinetiX Mar Iul 31, 2012 11:04 am

Salut as dori si eu sa stiu cum pot sa fac un meniu ca in imagine,este un meniu bazat pe tema facebook,priviti:
http://img845.imageshack.us/img845/7012/meniu.png

Scris de Andreix Mar Iul 31, 2012 11:17 am

PA=>Culori=>CSS

Cod:: /* Generated via www.cssmenubuilder.com */ .menu{margin:0; padding:0; width:150px; list-style:none;background:rgb(255,255,255);} .menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; } .menu li a{text-align:center;height:40px; padding:0px 25px; font:16px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('http://i42.servimg.com/u/f42/14/12/03/12/vermen11.png') 0px 0px no-repeat; text-decoration:none;} .menu li a:hover{background:url('http://i42.servimg.com/u/f42/14/12/03/12/vermen11.png') 0px -40px no-repeat; color:rgb(255,255,255);} .menu li a.active, .menu li a.active:hover{background:url('http://i42.servimg.com/u/f42/14/12/03/12/vermen11.png') 0px -80px no-repeat; color:rgb(255,255,255);} .menu li a span{line-height:40px;}

Introduceti acest cod intr-un widget de pe forum sau de pe portal

Cod:: <ul class="menu"> <li><a href="/home" class="active">Home</a></li> <li><a href="/services">Services</a></li> <li><a href="/about">About</a></li> <li><a href="/contact">Contact</a></li> </ul>

Scris de KinetiX Mar Iul 31, 2012 11:44 am

Nu merge

Scris de Andreix Mar Iul 31, 2012 11:46 am

Cod:: /*******Meniu by Ciocănel*************/ .navlinks{ text-align:center!important; background:url(http://i44.servimg.com/u/f44/16/84/88/78/untitl10.png) top repeat-x; -webkit-box-shadow:0 0 8px -3px #000; -moz-box-shadow:0 0 8px -3px #000; -o-box-shadow:0 0 8px -3px #000; box-shadow:0 0 8px -3px #000; position:fixed; top:0; right:0; left:0; border-left:0 solid #29447E!important; border-right:0 solid #29447E!important; border-top:0px solid #29447E!important; border-bottom:0px solid #29447E!important; font-family:Tahoma; border: 1px dashed #a1a1a1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .navlinks ul{ text-align:center!important; height:30px!important; } .navlinks a{ text-decoration:none!important; } .navlinks a:hover{ } .navlinks li:hover{ background:url(http://i39.servimg.com/u/f39/15/69/94/13/ban110.png) top repeat-x; border: 1px dashed #a1a1a1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } ul.navlinks span.new-message{ color:red!important; } ul.navlinks span.new-message:hover{ color:red!important; text-decoration:none; } .navlinks li{ padding:7px; } /*********Sfarsit Meniu By Ciocănel***********/