hover کردن منو سایت به این شکل

[symoon]

سلام

دوستان اگه بخوام hover منو رو به این شکل داشته باشم باید چیکار کنم وقتی موس روی منو میره از بالا هاور شروع بشه
http://www.1media1.org/




<div id="meno-aval">
<ul id="meno">
<li><a class="aval" href="http://googel.com">تماس با ما</a></li>
<li><a class="aval" href="http://googel.com">پشتیبانی</a></li>
</ul>

</div>


.aval{
color: #FFF9FE;
text-decoration: none;
padding: 7px 15px;

}
.aval:hover{
color: ;
background-color: #59abe3 ;
padding: 7px 15px;
}
#meno-aval li{
list-style-type: none;
float:left;
margin-right: 20px;
margin-top: 7px;

}

با تشکر

[khanlo.javid]

با سلام دوست عزیز این نوع منو با استفاده از jquery ، کنترل میشه و hover میشه لطفا دنبال منو های jquery بگردید اینم یک منبع :


http://htmldrive.net/



موفق باشید.

[دانیال دزفولی]

با css خالی خیلی راحت میتونی انجام بدی


زیر منو رو به صورت ul داخل li بذار

بعد توی css به ul

display :none;
بده تا مخفی بشه بعد بگو با li:hover
ul داخلی display:block بگیره



li:hover ul{
display:block
}



اگه منظورت رنگ منو

li:hover{
box-shadow: 0 50px #000
}

[symoon]

با css خالی خیلی راحت میتونی انجام بدی


زیر منو رو به صورت ul داخل li بذار

بعد توی css به ul

display :none;
بده تا مخفی بشه بعد بگو با li:hover
ul داخلی display:block بگیره



li:hover ul{
display:block
}



اگه منظورت رنگ منو

li:hover{
box-shadow: 0 50px #000
}

لطف میکنی کد Html و css کامل بنویسی من نوشتم ولی کار نکرد

با تشکر

[دانیال دزفولی]

لطف میکنی کد Html و css کامل بنویسی من نوشتم ولی کار نکرد

با تشکر
توی گوگل بزنی منوی css ایتم های زیادی هست
یه سرچ کن