شرح تغير شكل صندوق تعليقات بلوجر الى شكل جديد ومتغير الالوان والصور

شرحنا اليوم عن كيفية تغير شكل صندوق تعليقات بلوجر الأفتراضى الى لون اخر وبشكل جذاب فالكود الذى اضعة اليكم عبارة عن كود css لتنسيق شكل الصندوق بشكل جذاب فبأمكانك ان تجعلة الى لون اخر وبالامكان ان تضع صورة فلك الأختيار فقمت بتجربة هذه الخاصية وتعمل بشكل صحيح وبدون اى اخطاء ميزة هذا الكود عندما تجعل شكل الصندوق بالون الأحمر مثلا فعندما ياتى الزائر ليضع رد يتغير الون الاحمر الى لون اخر بمعنى عندما تضع مؤشر الماوس الى الصندوق يتم التغير الى لون اخر وعندما تبعد مؤشر الماوس يرجع الى لونة الطبيعى الاحمر مثلا وكذلك خاصية الصورة فلك الأختيار الاول والاخير صورة او لون ناتى الان الى طريقة التركيب قبل كل شيى قم باخذ نسخة احتياطية من قالبك ومن هنا درس بسيط يعلمك طريقة اخذ نسخة احتياطية الان ناتى الى الطريقة

 فى البداية ادخل الى لوحة تحكم مدونتك ومن بعدها اضغط على القالبالأن اضغط على تحرير

  HTML

الان اضغط على CTRL + F من الكيبورد لظهور عملية البحث عن الأكود بالمتصفح

ابحث عن هذا الكود :

 ]]></b:skin>

ضع قبلة مباشرة هذا الكود :

 #comment-form iframe{

background:#808080 url() no-repeat bottom right;

border:7px solid #eeeeee;

padding:5px;

font:normal 12pt "ms sans serif", Arial;

color:#000000;

width:95%;

height:60px;

}

#comment-form iframe:hover{

background:#C60B11 url() no-repeat bottom right;

border:7px solid #bababa;

}

#comment-form a{

color:#ffffff;

}

شرح متغيرات الكود ليتناسب مع شكل استايل المدونة :

 1- لجعل الصندوق باللون الأول قبل وضع موشر الماوس غير الكود المشار باللون الأحمر

2- لجعل الصندوق يتغير الى لون اخر عند وضع مؤشر الماوس غير الكود المشار باللون الاصفر

3- لوضع صورة قم بوضعها ما بين الاقوس المشار اليها باللون الاخصر وكما زكرنا الاول الاخضر صورة رئيسية والاخضر الثانى صورة اخرى عندما تضع مؤشر الماوس ليتغير

=============

مثال لذلك صورة موضحة للون الرئيسى قبل وضع موشر الماوس على الصندوق جعلتة مثلا لون رمادى :

وهذه الصورة الاخرى تم تغير الون الى لون احمر مثلا عندما اضع مؤشر الماوس على الصندوق

انتهى الشرح وارجو ان تكون هذه الخاصية او الاضافة اعجبتكم (( لا خير فى كاتم العلم ))