جميعنا يعلم أنه باستخدام مصمم النماذج فإنه بإمكانك تغيير لون خلفية المشاركة بالكامل (المشاركة + عنوان الموضوع). ولكن ربما يرغب البعض في تغيير لون خلفية عنوان الموضوع المنشور في المدونة فقط وبدون تغيير لون خلفية المشاركة (نص المقالة)، وذلك لكي يستطيع الزوار من تمييز عناوين المقالات وخصوصاً في الصفحة الرئيسية للمدونة أو يصنع خلفية لعنوان الموضوع بدرجة أغمق قليلاً عن خلفية المشاركة كنوع من إضافة الجماليات لقالب المدونة.
وتستطيع تحقيق ذلك من خلال مصمم النماذج بإضافة أمر CSS واحد وصغير. والميزة هنا بأنه يمنحك معاينة فورية لمشاهدة النتيجة ومظهر مدونتك .. فإذا أعجبتك النتيجة فباستطاعتك تطبيقها على مدونتك وإن لم تعجبك فلن يتم حفظها.
ولتغيير لون خلفية العنوان:
1. إضغط على علامة تبويب "تصميم" الموجودة في لوحة تحكم المدونة.
2. بعد ذلك إضغط على مصمم النماذج.
3. من قائمة مصمم نماذج Blogger إضغط على متقدم.
4. إضغط على "إضافة CSS" والتي ستجدها في نهاية القائمة التي ظهرت لك كما هو مبين في الصورة التالية.
الآن بإمكانك إضافة أمر الـ CSS التالي
.post-title {background-color:yellow;}
وبالعودة إلى أمر الـ CSS السابق، فستجد أنني قمت بتغيير لون خلفية جزء من الأمر إلى اللون الأصفر لأنه هو المسؤول عن إظهار لون خلفية العنوان. فإذا قمت بتغيير كلمة Yellow وتعني بالعربية اللون الأصفر، إلى Red وتعني اللون الأحمر فسيتم تغيير خلفية العنوان إلى اللون الأحمر مباشرةً. وهكذا.....
كما يمكنك تخصيص لون من عندك بعيداً عن الألوان الأساسية (Yellow, Red, Blue, Black, White)، وذلك بكتابة كود اللون الذي ترغب به (مثال: 222456#) بحيث تكون علامة (#) في البداية ثم يتبعها 6 أرقام وذلك للوصول إلى الألوان المتدرجة بين الألوان الأساسية. وتستطيع اخيتار كود اللون المناسب لك من خلال هذا الموقع Color Picker أو باستخدام برنامج الرسام الموجود في جميع إصدارات الويندوز. وسأتناول في حديثي الآن موقع Color Picker.
بعد دخولك للموقع السابق، ستظهر لك صفحة تمكنك من اختيار اللون الذي ترغب به وستحوله إلى كود اللون المكون من 6 أرقام. وستجد في الصورة السابقة وجود سهمين الأول من اليمين هو لتحديد اللون الأساسي والسهم الثاني لتحديد تدريج اللون. أما الأرقام الموجودة في المستطيل فهي كود اللون الذي ستقوم بنسخه ولصقه بعد إضافة علامة (#)في أمر الـ CSS السابق بدلاً من كلمة Yellow ليصبح الكود بالشكل التالي
.post-title {background-color:#E01B6A;}
تدوينة جميلة .. ويعطيك العافية أخي
ردحذفالف شكر لك اخي العزيز
ردحذفموضوع جميل ورائع
ردحذفhttp://maazikatv.blogspot.com
السلام عليكم ورحمة الله
ردحذفشكرا لهذا الشرح الجميل لكن انا عندى مشكلة هو انه لايمكن تطبيق اى تعديل على المدونة من خلال مصمم النماذج ولا اعلم ماهو حل هذه المشكلة
هنا
ردحذففريق
مختص
في تصميم وبرمجة اكواد CSS وهتمل وغيره
www.codey.arabe.pro
موضوع رائع
ردحذفبرجاء زيارة مدونة التسويق الاليكتروني ( خمسه تسويق)
http://5taswek.blogspot.com/
مشكور أخي استفدت من دروسك
ردحذفhttp://ateismoespanarab.blogspot.com.es/
يعطيك العافية حبيبنا
افضل شركة موجودة فى مكة وسوف تجد اعمالنا كثيرة مع اكبر المؤسسات الحكومية والخاصة فى التنظيف وخاصة تنظيف الشقق والفلل والمنازل مع شركة نظافة بمكة .سيرفس تاون
ردحذفشركة تنظيف فلل بمكة
أفضل شركة تنظيف فلل بمكة
شركة تنظيف منازل بمكة
شركة تنظيف بمكة
شركة نظافة بمكة
شركة تنظيف شقق بمكة
أفضل شركة تنظيف شقق بمكة
http://www.service-town.com/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D9%85%D9%86%D8%A7%D8%B2%D9%84-%D8%A8%D9%85%D9%83%D8%A9/
http://www.service-town.com/
شركة تنظيف مساجد بالبخار بمكة وتنظيف السجاد والنجف وتنظيف كنب ومجالس بمكة
ردحذفشركة تنظيف بالبخار بمكة
شركة تنظيف الستائر بالبخار بمكة
شركة تنظيف مجالس بالبخار بمكة
شركة تنظيف كنب بالبخار بمكة
شركة تنظيف موكيت بالبخار بمكة
شركة تنظيف مجالس بمكة
افضل شركة تنظيف مجالس بمكة
شركة تنظيف كنب بمكة
افضل شركة تنظيف كنب بمكة
افضل شركة تنظيف مساجد بمكة
شركة تنظيف مساجد بمكة
http://www.service-town.com/%D8%B4%D8%B1%D9%83%D8%A9-%D8%AA%D9%86%D8%B8%D9%8A%D9%81-%D8%A8%D8%A7%D9%84%D8%A8%D8%AE%D8%A7%D8%B1-%D8%A8%D9%85%D9%83%D8%A9/
http://www.service-town.com/
أزال المؤلف هذا التعليق.
ردحذف
ردحذفتنسيق حفلات وعزايم بالرياض
شركة تنسيق الحدائق
شركة تشطيب بالرياض من أفضل
محلات الباركيه بالرياض لانها تتمثل
ديكورات وجبس بورد بالرياض
محل ورق حائط بالرياض
مجالس تراث بالرياض
تركيب حجر بالرياض