طلب كود وضع خلفية للروابط مع تأثير
-
30-04-2015 01:50 مساءً
-
-
السلام عليكم
طلب كود لوضع خلفية على الروابط بتأثير
عند وضع الماوس على الرابط يظهر هذا التأثير
مثل:

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

طلب كود وضع خلفية للروابط مع تأثير
30-04-2015 02:03 مساءً
[
1]
-
معلومات الكاتب
الادارة العامة
PBBoard developer
-
من خصائص الـ CSS يمكنك عمل ذلك
هل تريدها على الروابط التي في المواضيع والمشاركات
أو
عام لكل روابط المنتدى
-
-
-

طلب كود وضع خلفية للروابط مع تأثير
30-04-2015 02:12 مساءً
[
2]
-
-
-
-
-

طلب كود وضع خلفية للروابط مع تأثير
30-04-2015 03:14 مساءً
[
3]
-
-
أضف هذا الكلاس في ملف css مع التعديل على لون و رابط الخلفية
CODE
.text a:hover{
background: #fff url("http://رابط الصورة.gif");
padding:4px;
}
-
تم تحرير المشاركة بواسطة :Mr King
بتاريخ:30-04-2015 03:14 مساءً
-
-

طلب كود وضع خلفية للروابط مع تأثير
30-04-2015 03:20 مساءً
[
4]
-
معلومات الكاتب
الادارة العامة
PBBoard developer
-
حرر الـ
CSS للإستايل
وابحث عن :
CODE
.text a:hover, .text a:active{<br />
color:#FF5050;<br />
text-decoration:underline;<br />
}<br />
واستبدله بـ
CODE
.text a:hover, .text a:active{<br />
background-color:#FFF2C5;<br />
color:#CA781F;<br />
text-decoration:none;<br />
box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);<br />
-webkit-border-radius:4px;<br />
border-radius:4px;<br />
font-family: Arial, Times New Roman;<br />
font-size: 15px;<br />
font-weight:bold;<br />
padding:1px;<br />
margin:1px;<br />
}<br />
-
-
-

طلب كود وضع خلفية للروابط مع تأثير
30-04-2015 03:57 مساءً
[
5]
-
-
المشاركة الأصلية كتبت بواسطة: Mr King أضف هذا الكلاس في ملف css مع التعديل على لون و رابط الخلفية
CODE
.text a:hover{
background: #fff url("http://رابط الصورة.gif");
padding:4px;
}
شكراً اخي الكود يعمل
المشاركة الأصلية كتبت بواسطة: Soliman حرر الـ CSS للإستايل
وابحث عن :
CODE
.text a:hover, .text a:active{<br />
color:#FF5050;<br />
text-decoration:underline;<br />
}<br />
واستبدله بـ
CODE
.text a:hover, .text a:active{<br />
background-color:#FFF2C5;<br />
color:#CA781F;<br />
text-decoration:none;<br />
box-shadow:0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);<br />
-webkit-border-radius:4px;<br />
border-radius:4px;<br />
font-family: Arial, Times New Roman;<br />
font-size: 15px;<br />
font-weight:bold;<br />
padding:1px;<br />
margin:1px;<br />
}<br />
شكراً اخي
-
تم تحرير المشاركة بواسطة :vbhost
بتاريخ:11-05-2015 11:57 صباحاً
-