كيف تنسق أي شيء في صفحة الـ html في منتداك أو مدونتك

[the_leader]

السلام عليكم
هذه طريقة رائعة (صراحة بدونها لا أستطيع فعل شيء في تنسيق منتداي) لتنسيق أي عنصر في صفحة الـ HTML
فيمكنك تخصيص منتداك أو مدونتك بهذه الطريقة الفعالة
للبدأ يجب توفر متصفح كروم google Chrome رابط التحميل

ثم نبدأ على بركة الله

سنتخذ من منتدى الجلفة مثالا (وطبق أخي على منتداك او مدونتك)


الشرح:
اختر العنصر الذي تريد تنسيقه بالضغط عليه بيمين الفأرة ثم الاختيار الأخير من القائمة المنسدلة



ستظهر النافذة بالأسفل فيها شقان :
كود الـ HTML للصفحة وسيظلل كود العنصر المختار في حالتنا هذه رابط عنوان الموضوع
والشق الآخر فيه تنسيقات الـ CSS التي تخصص تنسيق هذا العنصر (هذه التنسيقات موجودة في ملف الـ CSS المربوط بالصفحة (المنتدى أو المدونة)

تمكننا تنسيق العنصر بكتابة أسطر الـ CSS في المكان المشار إليه في الصورة
وسنلاحظ النتيجة مطبقة مباشرة أمامنا


والآن لكتابة تنسيق الـ CSS للعنصر يجب تحديد ما يميزه ( id="" أو class="")
في الحالة السابقة :
لاحظ أن العنصر رابط ( وسم الـ HTML "<a .....") وعند البحث عن الـ class الذي تحوي هذا العنصر نجد class="alt1")

إذن سيكود التنسيق للعنصر من الشكل

.alt1 a{

هنا سنكتب أسطر التنسيق بنسخه مباشرة من كروم
وسينتهي بـ:

}

ويوضع هذا التنسيق في ورقة الـ CSS
الكود الذي كتبته أنا هو :

.alt1 a{
background: yellow;
font-size: 24px;
color: #F4F;
font-family: tahoma;
}