عرض مشاركة واحدة
قديم 12-08-2015, 04:53 AM
المشاركة 2
ياسين الحضيري
.:: عضو مشارك ::.
  • ياسين الحضيري غير متواجد حالياً
افتراضي رد: مطلوب شكل الهوفر روابط مثل هيبرنت و ترايدنت
.

السلآم عليكم // ، إتبع الشرح التالي أخي العزيز ..


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



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


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

و




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

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

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            /* لون الاطار الخارجى عند مرور الماوس */
}

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