انشاء تصميم خاص للتعليقات

السلام عليكم

انشاء تصميم خاص للتعليقات بشكل بارز في الصفحه ليعطي شيئاً من التمييز لقالب المدونه

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

المدونه لمشاهدته مباشره وبالصوره التاليه 

  

الشرح :

اذهب الى تصميم تحريرhtml ; قم بتنزيل نسخه احتياطيه للقالب

لاتنقر المربع الخاص بتوسيع القالب

في مربع البحث اكتب comments 

الكود ادناه كامل وخاص لقوالب ارتيستير فاذا القالب الخاص بك من نفس البرنامج يسهل

ادراجه ببساطه واذا هو من بتصميم آخر تأكد من ادراج التغييرات في مكانها الصحيح لكونك

لاتستطيع معاينة التغييرات الا بعد حفظ القالب 

#comments{ padding: 5px 15px 15px 20px; margin:0 0 20px 0; position: relative; border:1px solid #000000; box-shadow: -1px 7px 8px 7px #000; } #comments h4 { margin: 0 0 10px; padding-top: 2px; padding-bottom: 2px; padding-right: 10px; font-size: 120%; line-height: 1.4em; } #comments a:link, #comments a:visited, #comments a:active, #comments a:hover{ color: #FF0000; } .comment-author { font-family: Tahoma, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 12px; text-align:right; margin: .5em 0; padding-top: 0; padding-bottom: 0; padding-right: 10px; } .comment-body{ background-color: #FF0000; margin: 0 0 1.25em; padding-top: 0; padding-left: 10px; padding-bottom: 0; padding-right: 0px; } .comment-body p{ font-family: Tahoma, Arial, Helvetica, Sans-Serif; color:#FFFFFF; font-weight: normal; font-size: 12px; text-align:right; background-color:#3C4749; border: 2px solid #666666; margin: 0 0 .5em; padding: 5px; } .comment-footer { margin: 0 0 .5em; padding-top: 2px; padding-left: 20px; padding-bottom: .75em; padding-right: 10px; border-bottom:6px double #FF0000; }

الى اللقاء