eliasissaoui Admin
عدد المساهمات : 16999 تاريخ التسجيل : 04/07/2013 الموقع : https://www.youtube.com/watch?v=QriWAmC6_40
| موضوع: كيف ؟ تمييز عنصر معين من القائمة – وورد بريس الأحد سبتمبر 08, 2013 10:48 am | |
|
السلام عليكم و رحمة الله و بركاته، أثناء تصفحي لبعض المواقع و المنتديات، سواء منها العربية أو الأجنبية، لاحظت كثرة الأسئلة عن كيفية تمييز عنصر معين من القائمة بمدونات الوورد بريس، عن غيره من العناصر الأخرى، كمثال، تغيير لون خط القائمة “اتصل بنا” إلى اللون الأخضر مثلا، أو تغيير خلفية القائمة “خدمات” إلى اللون الأحمر و هكذا… لذا إذا كنت تبحث عن طريقة تطبيق ذلك، فأنت في المكان المناسب، حيث سأخصص هذا الدرس إن شاء الله، و كما هو واضح من العنوان، لكيفية تمييز عنصر معين من القائمة، بإدخال بعض التعديلات عليه (كتغيير لون الخط، حجمه، لون الخلفية…). لمشاهدة مثال حي على التطبيق، فقط انظر بقائمة الموقع (العنصرين “خدمات” و “منتجات & أعمال”). أولا لتطبيق المهارة، عليك أولا معرفة رقم العنصر الذي تريد التعديل عليه، و للقيام بذلك : من لوحة تحكم الوورد بريس، اذهب إلى “المظهر”، ثم “القوائم”. الآن، توجه إلى العنصر الذي تريد التعديل عليه، ثم ضع مؤشر الفأرة (لا تضغط) على إلغاء أو إزالة. أسفل المتصفح سيظهر رابط، ابحث عن =menu-item، ستجد بجانبها رقم العنصر الذي نريد التعديل عليه (مثلا في المثال :3234). الآن إذا أردت تغيير لون خلفية ذلك العنصر، ضع الكود التالي بملف الاستايل الخاص بك، غالبا style.css، مع تغيير رقم العنصر إلى رقم العنصر الخاص بك. 1 | - الكود:
-
#menu-item - الكود:
-
-3234 - الكود:
-
{ - الكود:
-
background-color - الكود:
-
: - الكود:
-
#f6b100 - الكود:
-
!important - الكود:
-
; } |
أما إذا أردت التعديل على الخط، كتغيير اللون مثلا، فضع الكود التالي : 1
2
3 | - الكود:
-
#menu-item - الكود:
-
-3234 - الكود:
-
a{ - الكود:
-
color - الكود:
-
: - الكود:
-
#666666 - الكود:
-
!important - الكود:
-
; - الكود:
-
} |
- اقتباس :
إشارة : ربما قد لا ينجح مع الكود السابق عند محاولة التعديل على الخط، إذا كنت تستخدم بعض الوسوم الأخرى داخل القائمة، كالوسم SPAN، أو الوسم LI…، حيث أنه في هذه الحالة يجب عليك إضافة مثل تلك الوسوم إلى الكود. كانت هذه فكرة اليوم، أتمنى أن تنال إعجابكم، و بالتوفيق للجميع. | |
|