السبت، 23 مارس 2013

كيفية تغيير حجم الصورة الرمزية في التعليقات مدونه






وهذا اضافة سهله تساعدك على تعديل حجم الصور الرمزية في تصريحات مدون. لتغيير حجم  لإضافة كود CSS في قالب مدونه لدينا. لذلك، دعونا نبدأ: الخطوة 1



طريقة التركيب :

بلنسبة للواجهة الجديدة  :                                               -   بالنسبة للواجهة القديمة :

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

1.لوحة التحكم                                                         1 -.لوحة التحكم
2.القالب                                                                2  - .تخطيط أوتصميم
3. ثم تحريرhtml;.                                                               ثم 3 - تحريرhtml.
 4.متابعة                                                               4-.توسيع القالب
5.توسيع القالب                                                        
 ثم ابحث عن الكود التالي :بالضغط على       alt+f


‪]]>‬
اختار الكود المناسب لديك واضفه فوق الكود السابق


.comments .avatar-image-container{
background-color: rgb(34, 34, 34);
border:1px solid #ccc;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
width: 64px;
max-height: 64px;
}
.comments .avatar-image-container img{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 64px;
height: 64px;
}

[لنظام التعليق المدون القديم]


.avatar-image-container{
border:1px solid #d6d6d6;
margin-left: -30px;
-moz-border-radius: 4px;
background:#fff;
height:70px;
min-height: 70px;
width:70px;
min-width:70px;
}
.avatar-image-container img {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHg4nmXv0U0sm8im3-V4vpYMK6DDCauMMMTHuzVaREdSIU1w77kYN8W8bB3TXp7ESsj8gST32S4T73UnLoR6KoNTx0jRuuQCMK6tAmIasLcegYLztlvXAu25_UOIOaIM0AficAOYZXOZ0/s200/anonymous.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width:70px;
min-width:70px;
height:70px;
min-height:70px;
}



ملاحظة: إذا كنت تريد الآلهة أكبر / أصغر، تغيير القيم في الحمراء. لتغيير الصورة الرمزية مجهول، استبدال عنوان URL باللون الأزرق مع بنفسك. (يعمل فقط لنظام التعليق السابق) الخطوة 4. حفظ القالب. عرض بلوق الخاص بك الآن لنرى ما هي النتائج. آمل أن تستمتع!


مرسلة بواسطة في
التسميات:

ليست هناك تعليقات:

إرسال تعليق

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