Admin
عدد الرسائل : 773 العمر : 33 العمل : بشتغل ابوية على ما تفرج الوظيفة : الهواية : الأوسمة : : الدولة :
| موضوع: كود قائمة منسدلة لعيون احلى منتدى الثلاثاء مارس 20, 2012 5:00 am | |
| كود قائمة منسدلة لعيون احلى منتدى
صورة للكود
تفضلو الكود
هذا يوضع في ورقة css
#navigation { margin:0; padding: 0; clear:both; width:100%px; height:51px; background: #d6eaf8 url(ima/dropdown-bg.gif) repeat-x left top; }
ul.nav-main, ul.nav-main li { list-style: none; margin: 0; padding: 0; }
ul.nav-main { position: relative; z-index: 999; }
ul.nav-main li:hover > ul { visibility: visible; }
ul.nav-main li.hover, ul.nav-main li:hover { position: relative; z-index: 999; cursor: pointer; background: url(ima/dropdown-bg-hover.gif) repeat-x left top; }
ul.nav-main li { float:left; display:block; height: 51px; color: #999; font: 20px Arial, Helvetica, sans-serif; background: url(ima/separator.gif) no-repeat right center; }
ul.nav-main li a { display:block; padding: 30px 30px 0 30px; height: 35px; color: #FC00F4; font: 17px Arial, Helvetica, sans-serif; text-decoration:none; }
ul.nav-main li a:hover { color:#D6D6D6; }
ul.nav-main *.list { padding-right: 50px; background: url(ima/navigation-arrow.gif) no-repeat right top; }
ul.nav-sub { visibility: hidden; position: absolute; padding:10px; top: 48px; left: 0; z-index: 999; background: #353535 url(ima/dropdown-list-bg.gif) repeat-x left top; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
ul.nav-sub li { list-style:none; display:block; padding: 0; height: 27px; float: none; width:145px; border-bottom: 6px solid #FAEE08; background: none; }
ul.nav-sub li a { list-style:none; display:block; padding: 6px 5px 6px 5px; height: 15px; float: none; width:145px; background: none; font: 18px Arial, Helvetica, sans-serif; } | |
|