تومبلايت قائمة علوية مثل تقنيات

  افضل مساهمة1
تومبلايت قائمة علوية مثل تقنيات

الكود قائمة بلون ابيض تقدروا تغييروا اللون



http://i66.tinypic.com/2hhj5n4.gif
كود css

الكود:




nav {
    background-color: #FFF;
    height: 70px;
    width: 100%;
    float: none;
    margin: 0px;
    padding: 0px;
    box-shadow: 0px 2px 4px #c1c9e9;

}
nav ul {
    float: right;
    width: 700%;
    height: 75px;
    padding-top: 9px;
}
nav ul li {
    
    text-decoration: none;
    text-align: right;
    float: right;
    text-decoration: none;
    padding-right: 50px;
    list-style-type: none;



}
nav ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #747b95;
    font-weight: normal;
    text-decoration: none;
    list-style-type: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-bottom: 2px;
}
nav ul li a:hover {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    padding-bottom: 16px;
    transition: padding-bottom 0.30s;
}

nav ul li a{
    border-bottom-style: solid;
    padding-bottom: 2px;
    transition: padding-bottom 0.30s;
}

كود وضع بقالب الهيدر
الكود:



<nav>
<ul>
<li><a href="www">خصوصية ترايدنت</a></li>
<li><a href="www">التسجيل</a></li>
<li><a href="www">المكتبة التعليمية</a></li>
<li><a href="www">تحميل الملفات</a></li>
<li><a href="www">انمي تون</a></li>
<li><a href="www">الموقع</a></li>

</ul>
</nav>


m13
  افضل مساهمة2
بارك الله فيك ... 
إجتهدت .. فأنجزت .. فأبدعت .. 
واصل يابطل بدون فوآصل ولا توقف ... 
نتمنى لك التوفيق والنجاح ..... 
  افضل مساهمة3
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
  افضل مساهمة4
سلمت اناملك الذهبيه
دائما بأنتظار جديدك الشيق
 لك خالص احترامي وتقديري
لاتستطيع الرد على المواضيع في هذا المنتدى