الويب العربي - كيف يكون تغير لون أعلى وأسفل الخبر المثبت ؟

الويب العربي (http://www.arabwebtalk.com/index.php)

- مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)

- - كيف يكون تغير لون أعلى وأسفل الخبر المثبت ؟ (http://www.arabwebtalk.com/showthread.php?t=114428)

كيف يكون تغير لون أعلى وأسفل الخبر المثبت ؟

قمت بتغير لون خلفية الخبر المثبت إلى لون معين

ولكن المساحة التي يكتب فيها عنوان الخبر بقيت بيضاء

وكذلك الجزء السفلي الذي يحتوي على عدد القراءات والردود والمزيد بقي كما هو

فكيف يمكنني تغير اللون لكي يصبح المربع كاملاً مثل لون الخلفية

طبعا التعديل يكون من خلال ملف style.css

حاولت ابحث عن الكود المسئؤل ولم أفلح في ذلك

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

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

بالبحث بنموذج 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;

}

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

أطيب تحية

الأخت الفاضلة / هبه رزق

تتبعت الكود في ملف style.css

وقمت بالتعديل عليه ولكنه يقوم بالتعديل على الكل وليس جزئية محددة وهي ( الخبر المثبت فقط )

ما أريد التعديل عليه وإضافة لون له هو حدود الخبر المثبت فقط

ولك فائق التقدير

تحياتي

مازلتُ أنتظر المساعدة

ياليت أحد يساعدنا من الأخوان

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

استاذي الفاضل

بالفعل هناك كلاسات كثيرة مشتركة بانفنيتي

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

او محاولة التعديل اليدوي باكواد html في كود الخبر المثبت

ايا من الطريقتين انسب لك بحسب اتقانك سواء للـ css اكثر او html

أطيب تحية

أهلا وسهلا بالدكتورة الفاضلة / نجلاء

بالنسبة لي الأنسب css

بس ياليت أعرف طريقة الإدراج

وشكرا

بمعنى استاذي

في هذا السطر مثلا

كود:

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

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

وليكن اسمه مثلا rnewstitlenew

وبعدها انشاء المتغيرات الخاصة به في ملف الاستايل على غرار الموجود بالفعل حاليا

وان شاء الله يحدث التغيير عندك

لم اجربها يدويا لكن نظريا ان شاء الله تؤدي الغرض عندك استاذي

اتمنى تكون الخطوات واضحة لأني اكتبها سريعا باعتبار قلت ان لك خبرة فى الـ css

اطيب تحية

دكتورتنا الفاضلة

حاولت ولكني للأسف فشلت فالخبرة لدي ليست عالية جداً إنما بسيطة

حبذا لو تساعديني في هذا الأمر

وشكرا

طيب استاذي اعتذر جدا لانشغال يوم السبت نظرا لتراكم عمل الجمعة فهو اجازة

ان شاء الله يكون لي عودة هنا بعد التجربة بداية على موقع التجارب وافادتك بالنتيجة فى اقرب وقت تفرغ لنا ان شاء الله

أطيب تحية

الله يعطيك العافية أختي الفاضلة

وعساك على القوة

تحياتي

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

استاذي الفاضل

تم ادراج الشرح بالتفصيل والصور هنا لافادة الجميع

http://www.arabwebtalk.com/showthread.php?p=637785

أطيب تحية