تطوير ويب » تنسيق القالب » طريقة تلوين خلفية عناوين القوائم الجانبية والفوتر في مدونة بلوجر
السلام عليكم ورحمة الله وبركاته.. درسنا اليوم سهل جدا وبسيط وواضح من عنوانه طريقة تلوين خلفية عناوين القوائم الجانبية والفوتر في مدونة بلوجر .. فكثيرا مانقابل قوالب لوجر معربه او غير معربه ولكن نجد ان عناوين القوائم الجانبية او عناوين الفوتر تظهر تحتها الخلفيه هي نفسها خلفية القالب نفسه اي مما يجعل العنوان غير انيق فالخلفيه سواء كانت عباره عن صوره او لون محدد ومغاير للون القالب فهو بلا شك بمثابة برواز للعنوان يضفي عليه وعلى المدونه شكلا جماليا انيقا .
وهذا الكود خاص بلون الخط #ffffff
يمكنك اختيار لون مختلف لكل خلفية عنوان اداه من جميع ادوات مدونتك .. ان اعجبتك الاضافه طبق ما هو موجود بالاسفل لتركيبها :
- قم بتسجيل الدخول علي حسابك في لوحة تحكم بلوجر
- قم بالذهاب الى تصميم ثم تحرير HTML
- ركز في تلك الخطوه .. عندما تريد مثلا تلوين خلفيه عنوان اضافة ما في العامود الجانبي وليكن التسميات او المتابعون فعليك بالبحث في القالب عن اسم الاضافه كما وضعتها انت في تصميم الصفحه ستجد الاسم ومعه قطعه من الاكواد ما يهمنا فيها هي تلك العباره فقط <b:widget id=
بجانب العباره تلك ستجد الآى دي الخاص بالاضافه وسيكون على سبيل المثال هكذا <b:widget id='Label13 حيث ان Label13 هو الآى دي الذي نبحث عنه ... بعد قيامنا بمعرفة الآى دي الخاص بالاضافه التي نريد تلوين خلفيتها نقوم بحفظه في مكان ما وليكن ملف تكست ثم نبحث داخل قالب المدونه عن الكود التالي
]]></b:skin>
- ونضع قبله مباشرة الكود الموجود بالاسفل مع تبديل عبارة ID المعلمه باللون الازرق داخل الكود بالآى دي الخاص بالاضافه والذي قمنا بحفظه في الخطوه الاولى...
#ID h2{هذا الكود خاص بلون الخلفيه #575656
background:#575656;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:12px;
font-family: Sans-serif, Arial, Helvetica;
font-weight:bold;
text-transform:uppercase;
color:#ffffff; text-shadow:0 1px 0 #fff;
}
وهذا الكود خاص بلون الخط #ffffff
تستطيع تغييرهم باي اكواد الوان تناسب مدونتك
ملحوظه: كرر الطريقه مع كل اضافه تريد تخصيص خلفية عناوينها
أصدقاء(تطوير ويب)
3تعليقات Blogger
3 عدد التعليقات على موضوع طريقة تلوين خلفية عناوين القوائم الجانبية والفوتر في مدونة بلوجر
شكراً لك و أتشرف أن أكون أول من يعلق على هذا المقال المميز
شكرا على هذه المعلومه الجميله
ممكن سؤال ؟؟
كيف اعمل نظام تعليقات مثل الموجود هنا
؟؟
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .