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

أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

: موضوع مغلق

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

30-04-2015 01:50 مساءً

: vbhost

vbhost

مشاهدة الملف الشخصي

البحث عن مواضيع العضو vbhost

البحث عن ردود العضو vbhost

عضو فعال

انضم في : 29-09-2014

رقم العضوية : 5,687

المشاركات : 145

الدولة : العراق

الجنس :

تاريخ الميلاد : 4-4-1999

قوة السمعة : 60

موقعي : زيارة موقعي; السلام عليكم

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

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

مثل:

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

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

30-04-2015 02:03 مساءً [1]

: Soliman

Soliman

مشاهدة الملف الشخصي

البحث عن مواضيع العضو Soliman

البحث عن ردود العضو Soliman

المشرف العام

انضم في : 18-07-2009

رقم العضوية : 1

المشاركات : 12,940

الدولة : KSA

الجنس :

الدعوات : 55

قوة السمعة : 75,996

موقعي : زيارة موقعي; من خصائص الـ CSS يمكنك عمل ذلك

هل تريدها على الروابط التي في المواضيع والمشاركات

أو

عام لكل روابط المنتدى

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

30-04-2015 02:12 مساءً [2]

: vbhost

vbhost

مشاهدة الملف الشخصي

البحث عن مواضيع العضو vbhost

البحث عن ردود العضو vbhost

عضو فعال

انضم في : 29-09-2014

رقم العضوية : 5,687

المشاركات : 145

الدولة : العراق

الجنس :

تاريخ الميلاد : 4-4-1999

قوة السمعة : 60

موقعي : زيارة موقعي; في المواضيع والمشاركات

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

30-04-2015 03:14 مساءً [3]

Mr King

عضو سوبر ستار

انضم في : 27-11-2012

رقم العضوية : 2,642

المشاركات : 3,240

الدولة : morocco

الجنس :

تاريخ الميلاد : 1-1-1987

الدعوات : 6

قوة السمعة : 18,910

أضف هذا الكلاس في ملف 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]

Soliman

المشرف العام

انضم في : 18-07-2009

رقم العضوية : 1

المشاركات : 12,940

الدولة : KSA

الجنس :

الدعوات : 55

قوة السمعة : 75,996

موقعي : زيارة موقعي

حرر الـ 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]

vbhost

عضو فعال

انضم في : 29-09-2014

رقم العضوية : 5,687

المشاركات : 145

الدولة : العراق

الجنس :

تاريخ الميلاد : 4-4-1999

قوة السمعة : 60

موقعي : زيارة موقعي

المشاركة الأصلية كتبت بواسطة: 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 صباحاً

البحث في المنتدى

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

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