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

الأربعاء، 16 مارس 2016

طريقة تغيير شكل التعليقات في المدونة

السلام عليكم احبابي في الله اقدم لكم طريقة تغيير شكل التعليقات في المدونة الى شكل اروع واجمل
كل ما عليك فعله هو :

الذهاب الى اعدادات
قالب
تحرير html

ثم ابحث عن : ]]></b:skin>

وقم بلصق هذا الكود فوقه :

.comments h2 {

font-weight: normal;

font-size: 20px;

text-align: center;

margin: 0px;

padding: 5px;

background: none repeat scroll 0% 0% #E74C3C;

color: #FFF;

font-family: GESSTwoMediumRegular;

}

.comments .comment-block {

background: #F9F9F9;

color: #555;

box-shadow: 0 4px 10px #EEEEEE;

position: relative;

margin-top: 10px;

margin-right: 83px;

padding: 10px;

border: 4px solid #EEEEEE !important;

border-radius: 10px;

font: 1.190em/1.2 Cambria,Georgia,sans-serif;

FONT-family: yassir;

font-weight: 200;

}

.comments .comment-block:before {

content: '';

padding: 20px;

background: rgba(0, 0, 0, 0) url(data:image/gif;base64,R0lGODlhFgASAMQAAAAAAP////39/fz8/Pv7+/r6+vb29vPz8/Ly8…2rj8TO9StWHAiBzVh0HJQBppTilFqv2KxW+lgUtJPGs3SVMAxEY7fA84XHvF7FjI6fvPZXCAA7);

background-repeat: no-repeat;

position: absolute;

right: -40px;

}

.comments .avatar-image-container {

width: 60px;

height: 60px;

max-height: 60px;

margin: 22px 0px 0 28px;

padding: 0px;

border: 7px solid #EEEEEE;

border-radius: 60px;

}

.comments .avatar-image-container img {

overflow:hidden;

width: 60px;

height: 60px;

max-width: 60px;

border:0 !important;

border-radius:60px;

}

.comments .comment-thread.inline-thread {

background: none;

}

.comments .continue {

border-top: 0px solid transparent;

}

.comments .comments-content .datetime {

float: left;

font-size: 11px;

}

.comments .comments-content .datetime a{

color: #555;

}

.comments .comments-content .user a {

font-size: 18px;

color: #25997A;

font-family: Droidkufi-bold;

}

.comments .comments-content .datetime a:hover{

color: #777;

text-decoration: none;

}

.comments .comments-content .comment:first-child {

padding-top: 0px;

}

.comments .comments-content .comment {

margin-bottom: 0px;

padding-bottom: 0px;

}

.comments .continue a {

padding: 0px;

}

.comments .comments-content .icon.blog-author {

background-image: none;

}

.comments .comment .comment-actions a {

padding-left: 15px;

padding-top: 3px;

padding-bottom: 3px;

padding-right: 15px;

background: #25997A;

color: #fff;

margin-left: 9px;

}