اضافة خلفية لتعليق المدونة بطريقة احترافية comment background

بسم الله الرحمن الرحيم

اليوم علي مدونة مسطرة التعليمية معانا اضافة رائعة و هي اضافة خلفية لتعليق المدونة بطريقة احترافية و تجعل مدونتك بشكل افضل و تعطي لمسة جمالية لقالب المدونة

ناتي لصورة الاضافة

لتركيب الاضافة :

1- تسجيل الدخول الي موقع بلوجر ثم الي قالب ثم تحرير HTML

2- توسيع عناصر القالب

3- الضغط علي CTRL+F

4- البحث عن ‪]]></b:skin>‬

5- اضف فوقه مباشرة الكود التالي

.comments .comment .comment-actions a {

background: none repeat scroll 0 0 #FFD99E;

border: 2px solid #FFB43D;

border-radius: 3px 3px 3px 3px;

color: #000000;

font: bold 12px arial;

margin-right: 14px;

padding: 3px 9px;

text-decoration: none !important;

text-shadow: 1px 1px 0 #FFFFFF;

}

.comments .comment-block {

background: none repeat scroll 0 0 #E2E2E2;

border: 4px solid #ABABAB;

border-radius: 3px 3px 3px 3px;

padding: 3px 10px;

}

.continue a {

background: none repeat scroll 0 0 #FFD99E;

border: 2px solid #FFB43D;

border-radius: 3px 3px 3px 3px;

color: #000000 !important;

display: inline-block !important;

margin-top: 7px;

padding: 3px 8px !important;

text-decoration: none !important;

text-shadow: 1px 1px 0 #FFFFFF;

}

.comment-block:hover > .comment-header {

border-bottom: 2px solid #000;

-moz-transition: border-color .5s ease;

}

.comment-header a {

color: #000000 !important;

}

6- معاينة ثم حفظ القالب

ومبروك عليك الاضافة الجديدة

و بكده نكون انتهينا من درسنا اليوم ... لا تبخل بمشاركة الموضوع مع اصدقائك ... و السلام عليكم و رحمة الله و بركاته

شارك هذا المنشور