منتدي الحب كول | منتدي الـحـب سينما العرب لكل العرب

منتدي الحب كول | منتدي الـحـب سينما العرب لكل العرب

اقوى موقع تعارف مصرى خليجى
 
الرئيسيةالبوابةس .و .جبحـثالتسجيلدخول

شاطر | 
 

  كود قائمة منسدلة لعيون احلى منتدى

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin


avatar

ذكر
السمك عدد الرسائل : 773
العمر : 27
العمل : بشتغل ابوية على ما تفرج
الوظيفة :
الهواية :
الأوسمة :
  :
الدولة :

مُساهمةموضوع: كود قائمة منسدلة لعيون احلى منتدى   الثلاثاء مارس 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;
}






الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://7oobcool.yoo7.com
 
كود قائمة منسدلة لعيون احلى منتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدي الحب كول | منتدي الـحـب سينما العرب لكل العرب :: }{ ۩۞۩ }{:الحب كـول تـطـويـر الـمـنـتـديات}{ ۩۞۩ }{: :: دعم وتطوير احلى منتدى :: قسم اكواد Css-
انتقل الى: