تمييز تعليق صاحب المدونة عن البقية .

Share

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله .

مبارك عليكم الشهر الكريم شهر التوبة والغفران، الشهر العظيم، شهر المسلمين ....

جلعني الله وإياكم ممن يحسنون صيامه وقيامه .

والآن لننتقل للدرس :

كما جرت العادة :: نأخذ مثال --- لرؤية عينة :

قم بزيارة أحد المواضيع التي تحوي ردودا ... هنا مثلا ...

او أنظر الصورة .



للقيام بذلك ... [....]



نقوم بالتالي ::

مهم : التخطيط ==> تحرير HTML ونقوم بتحميل نسخة عن القالب (احتياطا)

والآن نتوجه إلى : لوحة التحكم ==> التخطيط ==> تحرير html

نقوم بتوسيع القالب :

والآن نبحث (Ctrl + F) عن الكود التالي : ]]></b:skin>

ضع الكود التالي فوقه مباشرة، ليصبح بالشكل التالي ...

.author-comments {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}
]]></b:skin>

background: #ffffff;

الكود بالاحمر يمثل اللون الأبيض، لتغيير اللون الأبيض غير الكود ...

border: 2px solid #666666;

الكود باللون الأزرق =(لون الإطار) .... بالأخضر =(عرض الإطار .)

الكود الأبيض موجود مسبقا :: ما يجب عليك هو إضافة الكود بالأحمر ...

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

إضغط "حفظ" وانتهى الأمر .

تم بحمد الله ...

أرجو أن ينال الدرس إعجابكم ... والسلام خير ختام .

على فكرة :: |~ صـحـى فـطـوركـم ~|