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

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

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


موضوع مغلق


30-04-2015 01:50 مساءً
معلومات الكاتب ▼
انضم في : 29-09-2014
رقم العضوية : 5,687
المشاركات : 145
الدولة : العراق
الجنس :
تاريخ الميلاد : 4-4-1999
قوة السمعة : 60
موقعي : زيارة موقعي
السلام عليكم
طلب كود لوضع خلفية على الروابط بتأثير

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

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

look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
  30-04-2015 02:03 مساءً   [1]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,574
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,196
موقعي : زيارة موقعي
من خصائص الـ CSS يمكنك عمل ذلك
هل تريدها على الروابط التي في المواضيع والمشاركات
أو
عام لكل روابط المنتدى

look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
  30-04-2015 02:12 مساءً   [2]
معلومات الكاتب ▼
انضم في : 29-09-2014
رقم العضوية : 5,687
المشاركات : 145
الدولة : العراق
الجنس :
تاريخ الميلاد : 4-4-1999
قوة السمعة : 60
موقعي : زيارة موقعي
في المواضيع والمشاركات

look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
  30-04-2015 03:14 مساءً   [3]
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,234
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,850
أضف هذا الكلاس في ملف css مع التعديل على لون و رابط الخلفية

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


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


look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
  30-04-2015 03:20 مساءً   [4]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,574
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,196
موقعي : زيارة موقعي
حرر الـ CSS للإستايل
وابحث عن :
CODE
.text a:hover, .text a:active{
color:#FF5050;
text-decoration:underline;
}

واستبدله بـ
CODE
.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;
}

look/images/icons/i1.gif طلب كود وضع خلفية للروابط مع تأثير
  30-04-2015 03:57 مساءً   [5]
معلومات الكاتب ▼
انضم في : 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{
color:#FF5050;
text-decoration:underline;
}

واستبدله بـ
CODE
.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 صباحاً





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









الساعة الآن 02:36 AM