CSS Navigation Bar
اشرطة التنقل في لغة CSS
ستتعلم في هذا الدرس كيفية بناء أشرطة التنقل أو قوائم التنقل بلغة HTML ثم في الدروس المقبلة كيفية إضافة تأثير عليها بلغة CSS لتظهر بشكل ومظهر جيد.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Navigation Bar
اشرطة التنقل في لغة CSS
</>
CSS Navigation Bar
اشرطة التنقل في لغة CSS
add_circle_outline
اشرطة التنقل هي عبارة عن أشرطة تنقل رأسية أو أشرطة تنقل أفقي وهي ضرورية لكل تطبيق ويب لكي يتم التنقل بين الصفحات يمكنك باستخدام لغة CSS تحويل قوائم HTML الي قوائم جيدة المظهر.
CSS Vertical Navigation Bar
أشرطة التنقل العمودية في لغة CSS.
CSS Horizontal Navigation Bar
أشرطة التنقل الأفقية في لغة CSS.
</>
Cretae Navigation Barin HTML
إنشاء أشرطة التنقل بلغة HTML
add_circle_outline
لعمل شريط تنقل أفقي أو رأسي بلغة HTML يجب إستخدام عنصر <ul> لعمل حاوية القائمة وعنصر <li> بداخلة <a> لعمل روابط تنقل.
Result
CSS navigation bar
إنشاء شريط تنقل في لغة CSS.
<ul> <li><a href="#default">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul>
</>
CSS remove padding and bullets from Navigation
إزالة الهوامش الداخلية والعلامات من القوائم في لغة CSS
add_circle_outline
- إزالة bullets علامات القوائم عن طريق خاصية list-style-type: none وإزالة الهوامش الداخلية من القائمة عن طريق خاصية padding في لغة CSS.
CSS add border to navigation
إضافة إطار للقائمة بلغة CSS.
ul
{
border:gray solid 1px;
}
CSS Remove Padding and bullets from Navigation
إزالة الهوامش وعلامات القوائم في لغة CSS.
ul
{
border:gray solid 1px;
list-style:none;
padding:0;
}
شريط تنقل
قائمة الروابط
روابط
عناصر
سمة
إختبار
حذف
حشو
نقاط
لاشئ
قائمة
نوع
نمط أو شكل
لديك استفسار ؟
يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
