السلام عليكم ورحمة الله تعالى وبركاته
زوار ومتتبعي محترفي الويب , اهلا بكم
اليوم سنشرح لكم كيفية تغير شكل التعليقات كالشكل الحالي لمدونة محترفي الويب , فشكل التعليقات الاصلي لمدونات بلوجر هو شكل بسط جدا ولا يملك اي جمالية لذالك وجب عليك تغيره لان شكل التعليقات هو عامل كبير في جذب الزوار للتعليق على مشاركاتك .
لتغير الشكل كل ماعليك فعله هو ان تذهب الى لوحة تحكم المدونة ثم قالب ثم تحرير HTML
تم تضغط على ctrl+f من لوحة المفاتيح ليظهر لك مربع , ستضع داخل المربع الكود
]]></b:skin>وضع فوقه الكود التالي
/*--- comments By Professional-Web2.com ----*/
.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: 89px;
padding: 10px;
border: 4px solid #E74C3C !important;
border-radius:10px;
font-family: droid arabic kufi;
font-size: 14px;
}
.comment-thread li .comment-block:before {
position: absolute;
display: block;
right: -28px;
color: #E74C3C;
content: "\25C4";
font-size: 30px;
}
.comments .avatar-image-container {
width: 60px;
height: 60px;
max-height: 60px;
margin:0px 0px 0 -28px;
padding: 0px;
border: 7px solid #E74C3C;
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 .user a{
font-size: 18px;
color: #498EC9;
}
.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 By Professional-Web2.com ----*/
ثم اضغط على حفظ ومبروك اصبح لديك شكل جداب وجميل للتعليقات
الى هنا نصل الى نهاية الموضوع , اذا اعجبتك الاضافة اتمنى ان تساندنا بوضع تعليق تشجيعي بالاسفل
كان معكم اخوكم لطفي من مدونة محترفي الويب
الكاتب : Khaled Chami
شامي خالد, 22 سنة , من الجزائر وبالضبط من مدينة مقرة , مصمم ومدون ومبرمج مواقع حر ومهوس بعالم الانترنت ومهتم بشؤون المعلوميات .
1 التعليقات:
اضف تعليقالتعليقاتشكرا
ردتحويل كودإخفاء محول الأكواد الإبتساماتإخفاء