Subcribe to our RSS feeds Join Us on Facebook Join Us on Facebook Join Us on Facebook Follow us on Twitter Add to Circles

تغيير شكل تعليقات بلوجر الأفتراضى الى شكل اخر احترافى الشكل الرابع CSS Comments

كينج نت ملك النت | 7/21/2014 |
غير شكل تعليقات بلوجر الأفتراضية الى شكل اخر جذاب مثل المواقع الكبرى لتعطى شكل افضل للمدونة لتجذب الزوار والمشاركين على التعليقات فالاضافة او التغيير بتقنية css اللغة الأكثر من رائعة الذى اعطت الروح والحياه للغة Html فلن اطيل عليكم بالكلام ونأتى الى طريقة التركيب







صورة توضح لشكل التعيقات البسيط الأكثر من رائع :
طريقة تركيب الأضافة :

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


الأن قم بالبحث عن هذا الكود :
]]></b:skin>
ضع فوقة مباشرة هذا الكود :
.comments h4
{
color:#ffffff;
display: inline-block !important;
background:#3BB7D9;
padding:10px;
}
.comments .comment .comment-actions a {
background:#3BB7D9;
border-radius: 5px;
color: #ffffff;
font:12px georgia;
margin-right: 8px;
padding:5px;
text-decoration: none !important;
}
.comments .comment-block {
background:#f8f8f8;
border: 1px solid #f0f0f0;
padding: 10px;
}
.continue
{
border-top:none !important;
}
.continue a {
background:#3BB7D9;
border: 1px solid #3BB7D9;
border-radius:5px;
color: #ffffff;
display: inline-block !important;
margin-top: 8px;
padding:5px;
text-decoration: none !important;
font:12px georgia ,arial;
}

.comment-header a {
color: #222222 !important;
}
#comments .avatar-image-container img {
border:2px solid #f0f0f0;
border-radius: 50px 50px 50px 50px;
height: 58px;
max-width: 58px;
}
.comments .avatar-image-container {
border: 2px solid #FFFFFF;
border-radius: 34px 34px 34px 34px;
box-shadow: 1px 1px 3px #dcdcdc;
float: right;
margin-right: -20px;
max-height: 61px !important;
overflow: hidden;
width: 61px !important;
}
انتهى التركيب وبالأخير اضغط على حفظ التغيرات 
================
ملحوظة هامة :
لمن يواجهة مشكلة بعدم نجاح التغيرات او عدم نزول زر الرد او عدم التنسيق فقط اضغط على هذا الدرس الضرورى الذى سيحل لك هذا المشاكل .


بعض الأشكال السابقة قد تعجبك :
الشكل الأول :
الشكل الثانى:
الشكل الثالث:


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

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

إرسال تعليق

قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )

الأرشيف