عرض مشاركة مفردة
 
  #1  
قديم 09-01-2010, 03:27 AM
الصورة الشخصية لـ عبدالله بن عبدالرحمن
عبدالله بن عبدالرحمن عبدالله بن عبدالرحمن غير متصل
عضو
 
تاريخ التسجيل: Mar 2008
المدينة: الـــريـــاض
مشاركة: 881
مستوى تقييم العضوية: 18
عبدالله بن عبدالرحمن is on a distinguished road
وسام انفنتي 
عدد الأوسمة: 1 (المزيد ...)
الافتراضي [Css] شكل جديد ومتغير لعرض الأخبار

السلام عليكم ...

شرح

لتغيير خلفية الأخبار كما بالصورة ..

عند مرور الماوس على الخبر ..

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





























بسم الله نبدأ ..!


أولا نقوم بفتح قالب الـــ ccontent الموجود داخل مجلد الإستايل المراد التعديل عليه


إبحث عن
كود:
<td {clsp} class="rnewstitle" valign="top" width="{width}%">



علماً أنها متكررة مرتين

إستبدله بـ
كود:
<td {clsp} class="fd" valign="top" width="{width}%">


ما فعلناه اننا قمنا بتغيير class الخاص بالوصف من rnewstitle الى fd مثلا لكي نتمكن ان تغيير شكله من خصائص css




ثم قم بفتح ملف الـــ style الموجود مداخل مجلد الصور الــ images بداخل الاستايل المراد التعديل عليه



وقم بإضافة في أخر الكوود ... ( بنهايته ثم إحفظ ..!

.fd{
background-color:white;
border:thin dotted silver;
border-right:4px solid silver;
text-align:right;
padding:5px; padding-left:5px;padding-right:5px;
font-family:tahoma; font-size:8pt; font-weight:bold; color:#333333;
}


.fd:hover{
background-color:#FFFFCC;
}





إنتهى ..!



لمن لايعرف كيفية التعديل ..

يرفق لنا الملفات ونقوم بتعديله له ..!

وهي : ccontent.htm
style.css










معرض المرفقات
إضغط على الصورة لرؤيتها بحجمها الطبيعي

الاسم:  شرح.gif‏
الزيارات: 673
الحجم:  57.7 ك/بايت
الرقم:	7998  إضغط على الصورة لرؤيتها بحجمها الطبيعي

الاسم:  2.gif‏
الزيارات: 700
الحجم:  23.2 ك/بايت
الرقم:	7999  إضغط على الصورة لرؤيتها بحجمها الطبيعي

الاسم:  3.gif‏
الزيارات: 696
الحجم:  22.7 ك/بايت
الرقم:	8000  

التوقيع

تراخيص انفنتي - دعم فني - استضافة - حماية - ترقية وتطوير
جوال : 0505666702
الموقع : WWW.F1D1.COM
الدعم الفني : www.f1d1.com/support.php

آخر تعديل بواسطة عبدالله بن عبدالرحمن ، 09-01-2010 الساعة 03:32 AM.