[د.نجلاء نور الدين]

للتوضيح

قمت الآن بتغيير مباشر على الكلاسات

rnewstitle

newsicons

لتغيير لون الخلفية من الأبيض للون المراد

فكانت هذه هي النتيجة





ولتغيير لون خلفية الخبر المثبت فقط
مع الابقاء على الأخبار الأخرى كما هى
أو حتى لإعطاء الخبر المثبت خلفيات مختلفة لونها عن خلفيات الأخبار الغير مثبتة
لابد ان نخصص كلاس جديد للخبر المثبت فى ملف الاستايل


فبسهولة قم بالبحث عن الكلاس المسؤول عن تغيير خلفية عنوان الخبر وهو هذا



rnewstitle

سنجده بهذا التكوين

.rnewstitle {
    background-color: #FFFFFF;
	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;
}

اللون المعلّم عليه بالأحمر مسؤول عن لون الخفية البيضاء

سنقوم بنسخ نفس الكود ولكن باسم مختلف اسفله مباشرة
وبتعديل لون الخلفية الى ما نريد
انا اخترت له اسم (fnewstitle)
فاصبحا فى ملف الاستايل بهذه الصورة

.rnewstitle {
    background-color: #FFFFFF;
	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;
}


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

لاحظ غيرت اسم الكلاس ولون الخلفية
باقي ان نعرّف الكلاس في نموذج الـ ccontent
وهذا بأن نقوم بتغيير هذا السطر الذي يحوي اسم الكلاس الى المسمى الجديد


فمن

<div class="rnewstitle">{caption}</div>

الى

<div class="fnewstitle">{caption}</div>

=======================

بنفس الطريقة

قمت بنسخ الكلاس newsicons
وتغيير الاسم ولون الخلفية هكذا

#newsicons {
	background-color: #FAFAFA;
    font: 8pt 'Microsoft Sans Serif', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px dotted #D0E4ED;
	padding: 3px;
    height: 12px;
    direction: rtl;
    color: #747474;
	text-align: center;
}
#newsficons {
	background-color: #A6E2AD;
    font: 8pt 'Microsoft Sans Serif', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-top: 1px dotted #D0E4ED;
	padding: 3px;
    height: 12px;
    direction: rtl;
    color: #747474;
	text-align: center;
}

وايضا نذهب لكود الـ ccontent

ونقوم بتغيير اسم الكلاس في الخبر المثبت الى الجديد

فمن

<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 id="newsficons"><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>

فكانت النتيجة النهائية

هى انه تمّ التعديل على الخبر المثبت فقط

وبقيت الأخبار الغير مثبتة بدون تغيير وهذا ما أردنا






اتمنى يكون الموضوع افاد البعض ممّن يهتمّ بالتعديلات في موقعه

فالفكرة واحدة عند الرغبة فى اضافة اى كلاس جديد او مختلف وربطه بنماذج الاستايل

امنياتي للجميع بالتوفيق


أطيب تحية