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

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

ناتى للشرح بالصور الاول ارفق لكم صورة من العمل قبل اضافة اى تاثير

هذا هو الحال قبل اضافة اى تاثير

اما الان الصور بعد اضافة التاثير والاكواد

والان ناتى الى الشرح

اولا : ادخل الى لوحة تحكم المنتدى / الإستايلات والقوالب / البحث فى القوالب / عن قالب
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            /* لون الاطار الخارجى عند مرور الماوس */ }

ثم حفظ ومبروك عليك

فى النهاية الموضوع متعب عليه لانه فعلا حصرى فلو اصبت فهذا من عند الله فاذكرونا من صالح دعائكم اخوكم ابو كريم

هيلبرنت