عدة أشكال وألوان للمربع التعليقات لمدونات البلوجر

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

السلام عليكم ورحمة الله وبركاته

أقدم لكم عدة أشكال وألوان للمربع التعليقات للمدونات البلوجر كازهور والنجوم ..

مما تجعل مدونة أكثر جمال 

طريقة التركيب وتعديل على مربع التعليقات 

1- نتجه للوحة التحكم الخاصه بالبلوجر
2-تصميم
3-تحرير HTML
4- أعمل توسيع للقالب

لاتنسى أخذ نسخة أحتياطية للقالب


أبحث عن الكود التالي

]]></b:skin>

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


    #mdonti-n iframe{
    background:#ffffff url(رابط الصورة) repeat;
    border:1px solid #ddd;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    box-shadow: 5px 5px 5px #CCCCCC;
    padding:5px;
    font:normal 12pt "ms sans serif", Arial;
    color:#2F97FF;
    width:560px; height:213px !important;
    }

    #mdonti-n a{
    color:#fff;
    }



نضع مكان كلمة رابط الصورة المشار له بالون الأحمر رابط الصورة التي تختارها

أما الكود 2F97FF لتغيير لون التعليق

أما الكود المشار له بالون الازرق فهو لتغيير عرض مربع التعليق width:560px

 *******************

ثم نبحث عن الكود التالي

<div class='comment-form'> 

ونستبدله بالكود التالي ذكره 


<div id='mdonti-n'> 


ولأن أقدم لكم مجموعة بسيطه ومختلف للخلفيات  فقط ماعليلك ألا أخذ رابط الصورة
وأستبداله برابط الصورة في أول كود 

الرابط الاول 

http://www.backgroundlabs.com/backgrounds/318.jpg 

الشكل
الرابط الثاني
http://www.backgroundlabs.com/backgrounds/40.jpg
الشكل





الرابط الثالث

http://www.backgroundlabs.com/backgrounds/434.gif


الشكل



الرابط الرابع

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTRJKchLTR3lSV7rQh4Ampy2nUSJdAOWSSKW_iVy2w8RY9vQ5k7ogkvSdJ7LhQnec6rxsm1YXUvl6S4lWhp9HwZ_L-_OjigWfMeblJBI4Cml0lT7Eg9iEaG3dQMrvIsx_nxjHSISPI4kaG/s400/1.png

الشكل






الرابط الخامس

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXnNv8eOMEmaC6B2Ke0hOQrjk3WCgyzZvNRK6_g2k9jhGHFXMg6nVsZ4C6SR2-146vhPr2ePE7kcRXfA_MJ2od91rj8Od_iiUbB6t-lXPVQPMMf_ynf8Iu7Ne7cuerfs7T3G2CqyOfg2Aa/s400/2.png

الشكل


الرابط السادس


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhby8zAQeZYHcSjzXTJUmeuDJpg3KYBM07L7lRsi0OG6xj4opRfVMmwtpt0_3wyC5OF5RfoSUefcJh-N4QDpnw8XsXL4DP9mxcXWo4SP_jIo0Iq1cJM8OyK80yo9o95Xu1V9ckqUNWEuByC/s400/4.png

الشكل






الرابط السابع

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9VAQ35MVneSKNf5C1X1TV4h_9eKzlHKhB5-Twrf385fNfiha6FD5QmJpS4xWs2MFYTnAjJWufptobsyLZXnxM_lfHrhzMK_X9isToPUUkSqEFURp5EnjuccTPA1ez5oTgpNQaiWzW-7dC/s400/7.png 

الشكل 


الرابط الثامن

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZUKnWl04-ca3C8cTTfVcKn2qiIbyDU0lQSW4j_OoQ37SMiqFwArL0d8uiq1daCS-OWHCVt5YFZjjnBz73KH2g-jOdu2gwsji1f_0ZJ3MwubzjtBC-aDIO7h6B2TeN76Sg67gl8DNAhKZ4/s400/9.png 


الشكل



الراط التاسع
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8xkNoal64KifA-nnAQZIO89zFKXb5N1S4N4rS_sc_Wt_eTRTW4OBMzqxO5XxUgODTlnubwhRJzoGG9bb2BSdjHiU9RN_sJDFKr7y0BpIYIvhRframbwotwbAIC6Un8qzbE8sXFhVse6Dc/s400/8.png 


الشكل

الرابط العاشر

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVsKNZx10kDdLZAFsmVQ9twIcHgOcXz3Qa7ELO3r5dNl1YiHZbwsMPG-mMAxIptwjqTx9iO-m2i9YHVLwV_TjSqXRYdICT-Aj9nCRdudCxPumWwkpL_c_P65-bHxPQZWp8A3eqhPpLIM7/s400/12.png    

الشكل 



أتمنى أن تنال هذه الخلفيات على أعجابكم

وبأذن الله راح أضيف بعض الأشكال التى تحتوي على الصور 
وأخيرا 

السلام عليكم ورحمة الله وبركاته







css
‹ التدوينة السابقة التدوينة التالية ›

تدوينات ذات صلة

هناك تعليق واحد:

  1. عابرالأربعاء, يونيو 13, 2012 4:02:00 ص

    بوركت اخي الحبيب اشكرك شكرا جزيلا على هذه الاضافة

    ردحذف

الاشتراك في: تعليقات الرسالة (Atom)