< درس > : أصنع لك نافبار احترافي بتقنية الـcss !

وآلحين جبت لكم
نافبار شبه احترافي يعمل بتقنية css الرائعة !

والآن نشوف الأكواد
+ شرحها

رمز Code:
a{
text-decoration: none;
color: #b1b1b1;
}
#navbar{
background: #043e62;
height: 30px;
}
#navbar ul{
list-style: none;
}
#navbar ul li{
float: right;
}
#navbar ul li a{
display: block; background-color: #043e62; padding: 5px;
}
#navbar ul li a:hover{
color: #000;
background: #e7e7e7;
}

رمز Code:
a{
text-decoration: none;
color: #b1b1b1;
}

من هنا نقدر نغيّر على شكل الروابط

رمز Code:
#navbar{
background: #043e62;
height: 30px;
}

وهنا راح نبدأ بالنافبار ..

background:

رمز Code:
#navbar ul{
list-style: none;
}

رمز Code:
#navbar ul li{
float: right;
}

رمز Code:
#navbar ul li a{
display: block; background-color: #043e62; padding: 5px;
}

رمز Code:
#navbar ul li
a:hover{
color: #000;
background: #e7e7e7;
}

ولا تنسى حفظ الملف
بإسم stylen.css

*********************************************

والحين نجي نطلع
النافبار

واحفظ الملف بأي اسم وشوف النتيجه راح يطلع لك النافبار

تم رفع الملفات

اضغط هنا للتحميل



او حمل من المرفقات


منقول من :
http://www.ibtkart.net/?p=28