طريقة تلوين الروابط والصور بالمواضيع بمرور الماوس عليها

[ahmed200]

» الصلاة و السلام على أشرف المرسليـن ...~
» الحمد لله وحده نحمده و نشكره و نستعينه و نستغفره و نعود بالله من شرور أنفسنا و من سيئاتأعمالنا ...~
» من يهده الله فلا مظل له و من يظلل فلن تجد له ولياً مرشدا ...~
» و أشهد ألا إلاه إلا الله وحده لا شريك له و أن محمداً عبده و رسوله صلى الله عليه و سلم ...~
» وعلى آله و صحبه أجمعين و من تبعهم بإحسان إلى يوم الدين ...~
» ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم الخبير ...~
» ربنا لا فهم لنا إلا ما فهمتنا إنك أنت الجواد الكريم ...~
» ربي اشرح لي صدري و يسر لي أمري و احلل عقدة من لساني يفقهوا قولي ...~


مثال على الشرح

http://www.traidnt.net/vb/images/imgcache/2014/08/1491.png



اولا : ادخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / البحث فى القوالب / عن قالب

postbit_legacy

الان ابحث عن هذا الكود
$post[message]
استبداله بـــ

<span id="akpost">$post[message]</span>

الان اكواد css

دخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / التحكم بالاستايلات / اختار الاستايل المراد التعديله عليه

ثم css رئيسى

فى خانة تعاريف CSS الإضافية/Additional CSS Definitions

ضع هذا الكود



#akpost a{font-family: Arial, Helvetica, sans-serif; /* نوع الخط */font-size: 16pt; /* حجم الخط */font-weight: bold; /* شكل الخط */text-decoration: none; /* لإزالة الخط من اسفل الروابط */color: #bf02fd; /* لون الرابط */padding: 5px;}#akpost a:hover {background-color: #ffc6d9; /* لون خلفية النص */-webkit-box-shadow: 0px 3px 3px 0px #fe77a3; /* لون الاطار الخارجى عند مرور الماوس */box-shadow: 0px 3px 3px 0px #fd568d; /* لون الاطار الخارجى عند مرور الماوس */}



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