منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف JAR7 في 25/05/16, 07:12 pm

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

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



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>



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف المصمم الليلي في 26/05/16, 12:17 am

بارك الله فيك ... 
إجتهدت .. فأنجزت .. فأبدعت .. 
واصل يابطل بدون فوآصل ولا توقف ... 
نتمنى لك التوفيق والنجاح ..... 

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى