فى هذا الدرس ان شاء الله سوف نتعلم كيف نقوم بانشاء شريط قوائم باستخدام jQuery
وهذا مثال
المتطلبات
(اقرا كامل الموضوع)
درس تصميم القوائم بشكل جميل وصديقه لمحركات البحث
فى هذا الدرس سوف نتعلم كيف نقوم بتصميم قوائم بشكل جميل وتكون صديقه لمحركات البحث
الاسس
ol – هذا الوسم لعمل تعداد رقمى
ul – هذا الوسم لعمل تعداد نقطى
li – تستخدم للامرين للترتيب
نبدا الان مع ادراج الوائم فى صفحات html
1 2 3 4 5 | <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> |
الناتج
القائمه 2
درس عمل هامش مزودوج لنفس الاتجاه
فى هذا الدروس يمكنك عمل هامش مزدوج margin
هذه الخاصيه تصلح مع IE6
1 2 3 4 5 | # .left-col { # margin:0 0 0 10px; padding:0; # width:auto; height:auto; # float:left; # } |
تقريبا باقى المستعرضات تدعم هذه الخاصيه
ومع ذلك
لسبب ما غير معروف ، IE6 يحب لضعف الهامش اليساري. حتى في الجوهر ، هذا هو الهامش : 0 0 0 20px ؛ لIE6.
بيد أن هناك ، تماما طريقة سهلة لتحديد هذا. من خلال تحديد div طرح لعرض المحول ، يمكنك تخليص هذه المشكلة تماما.
كود منع الحدود حول الروابط
اذا كانت تظهر حدود حول الروابط
وهذه الحدود تزعجك وتريد ازالتها
يمكنك استخدام الكود التالى
تنبيه
كن حذرا باستخدام هذا. ومن لطيف لإزالة بعض الخطوط العريضة ، ولكن الخطوط العريضة لتشكل جزءا هاما من لوحة المفاتيح الملاحة (تسمح للمستخدم الحالي لنرى ما هي الصلة مختارة.)