درس تبديل خلفية عناوين الأقسام اجانبية sidebar في المدونة بشكلين
السلام عليكم ورحمة الله تعالى وبركاته معكم أيوب بولعيش من مدونة المحترف نت كلكم لاحظتم أننا غيرنا شكل خلفية الأقسام الجانبية في في مدونتنا ولذا أردت أن أبين لكم في هذا الدرس طريقة تغييرها طبعا يمكن تغييرها بشكلين :
الشكل 1:تغيير خلفية الأقسام الجانبية بلون عادي
إليكم الطريقة
1- نذهب إلى القالب نأخذ نسخة إحتياطية للقالب
2-نبحث عن الكود التالي ]]></b:skin> بواسطة Ctrl+f
3-الأن نذهب إلى أعلى الكود أي في بدايته كما في الصورة غالبا ما يكون على هذا الشكل
الأن سنظيف الكود التالي أسفل الخط المتقطع
#HTML23 h2{
background :#CCCCCC;
margin:10px 0 10px 0;
padding:8px 0 8px 10px;
font-size:13px;
font-family:13px tahoma;
font-weight:bold;
text-transform:uppercase;
color:#000000; text-shadow:0 1px 0 #000000;
}
صورة توضيحية
الأن علينا تغيير كلمة id بـ id الإضافة التي سنغير خلفية عنوانها
كيفية معرف id ما أولا نذهب إلى المدونة ثم إلى الإضافة ثم نأخد رابط الإنتقال الخاص بـ
كما في الصورة
ونقوم بنسخ عنوان الرابط لهذه الأيقونة وليس عنوان رابط الصورة
حيث سنأخد id الخاص بالإضافة كما في الصورة
ونضعه في في مكان id
لتغيير لون الخلفية نغير #cccccc
لتغيير لون النص نغير #000000
الأن احفظ القالب
وهذه هي النتيجة
الشكل 2:تغيير خلفية الأقسام الجانبية بصورة
إليكم الطريقة
نفس الخطوات ما عدى بعض الغييرات
حيث سنغير #cccccc في الكود بـ
transparent url(http://img02.arabsh.com/uploads/image/2013/09/10/0c33454c63f404.png)
نغير
http://img02.arabsh.com/uploads/image/2013/09/10/0c33454c63f404.png
برابط الصورة التي تريدون على
صورة توضيحية
وهذه هي النتيجة
انته الدرس
أي استفسار اتركوه في تعليق
