للتوضيح
قمت الآن بتغيير مباشر على الكلاسات
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>
فكانت النتيجة النهائية
هى انه
تمّ التعديل على الخبر المثبت فقط
وبقيت الأخبار الغير مثبتة بدون تغيير وهذا ما أردنا
اتمنى يكون الموضوع افاد البعض ممّن يهتمّ بالتعديلات في موقعه
فالفكرة واحدة عند الرغبة فى اضافة اى كلاس جديد او مختلف وربطه بنماذج الاستايل
امنياتي للجميع بالتوفيق
أطيب تحية