the_leader
2011-11-01, 20:47
السلام عليكم
هذه طريقة رائعة (صراحة بدونها لا أستطيع فعل شيء في تنسيق منتداي) لتنسيق أي عنصر في صفحة الـ HTML
فيمكنك تخصيص منتداك أو مدونتك بهذه الطريقة الفعالة
للبدأ يجب توفر متصفح كروم google Chrome رابط التحميل (http://www.google.com/chrome?hl=ar)
ثم نبدأ على بركة الله
سنتخذ من منتدى الجلفة مثالا (وطبق أخي على منتداك او مدونتك)
http://uploads.eb2a.ae/1320174661994.jpg
الشرح:
اختر العنصر الذي تريد تنسيقه بالضغط عليه بيمين الفأرة ثم الاختيار الأخير من القائمة المنسدلة
http://uploads.eb2a.ae/1320175746272.jpg
ستظهر النافذة بالأسفل فيها شقان :
كود الـ HTML للصفحة وسيظلل كود العنصر المختار في حالتنا هذه رابط عنوان الموضوع
والشق الآخر فيه تنسيقات الـ CSS التي تخصص تنسيق هذا العنصر (هذه التنسيقات موجودة في ملف الـ CSS المربوط بالصفحة (المنتدى أو المدونة)
تمكننا تنسيق العنصر بكتابة أسطر الـ CSS في المكان المشار إليه في الصورة
وسنلاحظ النتيجة مطبقة مباشرة أمامنا
http://uploads.eb2a.ae/1320176008252.jpg
والآن لكتابة تنسيق الـ CSS للعنصر يجب تحديد ما يميزه ( id="" أو class="")
في الحالة السابقة :
لاحظ أن العنصر رابط ( وسم الـ HTML "<a .....") وعند البحث عن الـ class الذي تحوي هذا العنصر نجد class="alt1")
إذن سيكود التنسيق للعنصر من الشكل
.alt1 a{
هنا سنكتب أسطر التنسيق بنسخه مباشرة من كروم
وسينتهي بـ:
}
ويوضع هذا التنسيق في ورقة الـ CSS
الكود الذي كتبته أنا هو :
.alt1 a{
background: yellow;
font-size: 24px;
color: #F4F;
font-family: tahoma;
}
هذه طريقة رائعة (صراحة بدونها لا أستطيع فعل شيء في تنسيق منتداي) لتنسيق أي عنصر في صفحة الـ HTML
فيمكنك تخصيص منتداك أو مدونتك بهذه الطريقة الفعالة
للبدأ يجب توفر متصفح كروم google Chrome رابط التحميل (http://www.google.com/chrome?hl=ar)
ثم نبدأ على بركة الله
سنتخذ من منتدى الجلفة مثالا (وطبق أخي على منتداك او مدونتك)
http://uploads.eb2a.ae/1320174661994.jpg
الشرح:
اختر العنصر الذي تريد تنسيقه بالضغط عليه بيمين الفأرة ثم الاختيار الأخير من القائمة المنسدلة
http://uploads.eb2a.ae/1320175746272.jpg
ستظهر النافذة بالأسفل فيها شقان :
كود الـ HTML للصفحة وسيظلل كود العنصر المختار في حالتنا هذه رابط عنوان الموضوع
والشق الآخر فيه تنسيقات الـ CSS التي تخصص تنسيق هذا العنصر (هذه التنسيقات موجودة في ملف الـ CSS المربوط بالصفحة (المنتدى أو المدونة)
تمكننا تنسيق العنصر بكتابة أسطر الـ CSS في المكان المشار إليه في الصورة
وسنلاحظ النتيجة مطبقة مباشرة أمامنا
http://uploads.eb2a.ae/1320176008252.jpg
والآن لكتابة تنسيق الـ CSS للعنصر يجب تحديد ما يميزه ( id="" أو class="")
في الحالة السابقة :
لاحظ أن العنصر رابط ( وسم الـ HTML "<a .....") وعند البحث عن الـ class الذي تحوي هذا العنصر نجد class="alt1")
إذن سيكود التنسيق للعنصر من الشكل
.alt1 a{
هنا سنكتب أسطر التنسيق بنسخه مباشرة من كروم
وسينتهي بـ:
}
ويوضع هذا التنسيق في ورقة الـ CSS
الكود الذي كتبته أنا هو :
.alt1 a{
background: yellow;
font-size: 24px;
color: #F4F;
font-family: tahoma;
}