[م.هبه رزق]

السلام عليكم ورحمة الله وبركاته
أستاذى الكريم

بنفس الطريقة بالشرح السابق

بالبحث بنموذج ccontent عن الكلاس المسؤل عن

عنوان الخبر

وعرض الأيقونات أسفل الخبر تجده كالتالى

<!-- START BLOCK : stknews -->
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<div class="rnewstitle">{caption}</div>
<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<br><br>
<div id="newsicons">
<span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>

<!-- END BLOCK : stknews -->

والآن نذهب إلى ملف style.css الخاص بالاستايل الذى تعمل عليه

ابحث عن الكلاس المطلوب وليكن rnewstitle
تجده كالتالى

.rnewstitle {
    background-color: #FFF;
	font: bold 15px 'Times New Roman', arial, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;
	text-align: center;
	padding:1px 3px 1px 3px;
	direction: rtl;
}

قم بالتعديل على الكود باللون الازرق للون المطلوب وهكذا


أطيب تحية