منتدى استراحات زايد - اضافة خلفية لروابط الموضوع عبر css3 بتاثير hover

السلام عليكم

شخباركم حبايبي

طبعا الموضوع واضح من العنوان

اليوم جبت لكم طريقة اضافة خلفية لروابط الموضوع عبر css3 بتاثير hover

طبعا الشرح حصريا لانفاس ديزاين والعمل من مجهود شخصي

نجي للمثال المباشر
ملاحظة
المثال نسخة تجريبية وقيد التحديث

من هــــــــــــنا

او كما ترون في المنتدى هنا

طريقة التركيب مرة سهلة

اضف الكود التالي في تعاريف css الاضافية تبع الاستايل المراد العمل عليه

رمز PHP:

/* خلفية صورية لروابط موقعك css3 hover */
a:hover {
background-image: url('http://www.abeeer.com/demo/images/hover-link1.gif'); /* رابط الخلفية */
background-attachment: fixed;}
background-repeat: repeat;} /* تكرار الخلفية */
text-shadow: 5px 5px 5px #FF0000;} /* لون الظل عن المرور */
/* خلفية صورية لروابط موقعك css3 hover */

اللينك الي بالاحمر هو رابط الصورة تقدر تستبدله باي صورة من عندك مع مراعاة اضافة الرابط المباشر

توافق الكود على كافة المتصفحات المعروفة ولكن ظل النصل لا يعمل على جميع ماذكر في المثال
وارجو من الاخوة اللي يملكوا كود توافق الظل ارفاقه ليستفيد الجميع

ولكم مني اجمل تحية

والسلام بداية وختام

الموضوع الاصلي

اضافة خلفية لروابط الموضوع عبر css3 - انفاس ديزاين ©