تطوير ويب » تنسيق تعليقات » طريقة التحكم الكامل في صورة المعلقين في مدونة بلوجر
السلام عليكم ورحمة الله وبركاتة .. جميعنا يعلم ان منصة لوجر علي وشك تطبيق تحديث لنظام التعليقات الخاص بها والمسمى بالتعليقات المترابطة وقد وضعت اكثر من تدوينه في مدونة تقارب تتحدث عن هذا التحديث .. الغريب في الامر ان معظم القوالب قد اصابها خلل في تنسيق صورة المعلقين علي التدوينات والخلل هذا يتلخص في ان الصوره اصبحت ملتصقة تماما باسم صاحب التعليق تكاد ان يختفي نصفها وكذلك الاسم يظهر سئ التنسيق .. وبعد بحث عن حل لتلك المشكله وجدت كود بسيط يتم اضافته لقالب المدونه يقوم بحل تلك المشكله .. الجميل في هذا الكود انه يجعلك تتحكم تحكما تاما في صورة المعلقين من حيث الابعاد والاتجاه وما الى ذلك وقد قمت بتطبيقه فورا علي مدونتي واصبحت المشكله شيئا من الماضي .
ملحوظة : ليس بالضروره ان تستخدم هذا الكود مادمت لم تواجه تلك المشكله..
لوضع الكود في قالب مدونتك ماعليك سوى الذهاب الى لوحة تحكم مدونة بلوجر .. ثم الي تصميم .. ثم الي تحرير HTMAL
وقم بالبحث عن الكود التالي :
ملحوظة : ليس بالضروره ان تستخدم هذا الكود مادمت لم تواجه تلك المشكله..
لوضع الكود في قالب مدونتك ماعليك سوى الذهاب الى لوحة تحكم مدونة بلوجر .. ثم الي تصميم .. ثم الي تحرير HTMAL
وقم بالبحث عن الكود التالي :
.avatar-image-container {
float: left;
max-height: 36px;
overflow: hidden;
width: 36px;
}
.avatar-image-container img {width: 36px;}
قم بمسح هذا الكود بالكامل
قد لا تجده بنفس الصياغه المكتوه بالاعلى ولكن قم بمسح اي كود مشابه له ولو بنسبه 70 في المائه.. وقبل ذلك تاكد من اخذك لنسخه احتياطيه من قالب مدونتك..
بعد مسح الكود الموجود بالاعلى قم بالبحث مجددا عن الكود التالي
]]></b:skin>
وضع قبلة مباشرة الكود الموجود بالاسفل
.avatar-image-container {
width: 60px !important;
max-height: 60px !important;
float:right !important;
}
.avatar-image-container img { width: 60px !important; }
تستطيع من خلال الكود هذا ان تتحكم في عرض وارتفاع الصوره وكذلك اتجاهها يسارا او يمينا ..واى استفسار يرجا ترك تعليق بالاسفل...
أصدقاء(تطوير ويب)
2تعليقات Blogger
2 عدد التعليقات على موضوع طريقة التحكم الكامل في صورة المعلقين في مدونة بلوجر
@ابن السور
عفوا اخي ابن السور اهلا وسهلا بك دائما متابعا لكل جديد يطرح هنا
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .