طلب كود وضع خلفية للروابط مع تأثير

السلام عليكم طلب كود لوضع خلفية على الروابط بتأثير عند وضع الماوس على الرابط يظهر هذا التأثير مثل:  


موضوع مغلق


30-04-2015 01:50 مساء
vbhost
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 29-09-2014
رقم العضوية : 5687
المشاركات : 124
الدولة : العراق
الجنس : ذكر
تاريخ الميلاد : 4-4-1999
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 60
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
السلام عليكم
طلب كود لوضع خلفية على الروابط بتأثير

عند وضع الماوس على الرابط يظهر هذا التأثير
مثل:
Mjg1NDQ5MQ222015-04-30_13-48-11

 
 
 



تم تحرير الموضوع بواسطة :vbhost
بتاريخ:30-04-2015 01:51 مساء


30-04-2015 02:03 مساء
مشاهدة مشاركة منفردة [1]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 10316
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 44
يتابعهم : 12
يتابعونه : 49
قوة السمعة : 62326
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
من خصائص الـ CSS يمكنك عمل ذلك
هل تريدها على الروابط التي في المواضيع والمشاركات
أو
عام لكل روابط المنتدى

30-04-2015 02:12 مساء
مشاهدة مشاركة منفردة [2]
vbhost
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 29-09-2014
رقم العضوية : 5687
المشاركات : 124
الدولة : العراق
الجنس : ذكر
تاريخ الميلاد : 4-4-1999
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 60
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير

في المواضيع والمشاركات


30-04-2015 03:14 مساء
مشاهدة مشاركة منفردة [3]
Mr King
PBB Staff
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3209
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 3
يتابعهم : 2
يتابعونه : 29
قوة السمعة : 18610
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
أضف هذا الكلاس في ملف css مع التعديل على لون و رابط الخلفية

.text a:hover{
background: #fff url("http://رابط الصورة.gif");
padding:4px;
}




تم تحرير المشاركة بواسطة :Mr King
بتاريخ:30-04-2015 03:14 مساء


30-04-2015 03:20 مساء
مشاهدة مشاركة منفردة [4]
Soliman
PBB Management
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 10316
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 44
يتابعهم : 12
يتابعونه : 49
قوة السمعة : 62326
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
حرر الـ CSS للإستايل
وابحث عن :
.text a:hover, .text a:active{
color:#FF5050;
text-decoration:underline;
}

واستبدله بـ
.text a:hover, .text a:active{
background-color:#FFF2C5;
color:#CA781F;
text-decoration:none;
box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
-webkit-border-radius:4px;
border-radius:4px;
font-family: Arial, Times New Roman;
font-size: 15px;
font-weight:bold;
padding:1px;
margin:1px;
}

30-04-2015 03:57 مساء
مشاهدة مشاركة منفردة [5]
vbhost
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 29-09-2014
رقم العضوية : 5687
المشاركات : 124
الدولة : العراق
الجنس : ذكر
تاريخ الميلاد : 4-4-1999
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 60
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
المشاركة الأصلية كتبت بواسطة: Mr King »
أضف هذا الكلاس في ملف css مع التعديل على لون و رابط الخلفية

.text a:hover{
background: #fff url("http://رابط الصورة.gif");
padding:4px;
}



شكراً اخي الكود يعمل
المشاركة الأصلية كتبت بواسطة: Soliman »
حرر الـ CSS للإستايل
وابحث عن :
.text a:hover, .text a:active{
color:#FF5050;
text-decoration:underline;
}

واستبدله بـ
.text a:hover, .text a:active{
background-color:#FFF2C5;
color:#CA781F;
text-decoration:none;
box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
-webkit-border-radius:4px;
border-radius:4px;
font-family: Arial, Times New Roman;
font-size: 15px;
font-weight:bold;
padding:1px;
margin:1px;
}

شكراً اخي


تم تحرير المشاركة بواسطة :vbhost
بتاريخ:11-05-2015 11:57 صباحا




الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 05:24 صباحا