RADIA
☆ الإدِارهـَ ☆
الجنس : 
الدولة : 
المهنة : 
احترام قوانين المنتدى : 
نوع المتصفح : 
نسخة المنتدى : 
عدد المساهمات : 9681
نقاط النشاط : 40481
 تاريخ التسجيل : 26/10/2012
فريقك المفضل : 
 | | موضوع: اكواد css أكثر من رائعة تخص الروابط السبت ديسمبر 29, 2012 4:36 pm | |
| السلام عليكم  ازيكم يا احلي اعضاء
انا عملت اكواد css دمار شامل بخصوص الروابط
الاكواد بسطية لكن ارجوا ان تفيدكم
الاكواد تعمل علي جميع النسخ
-----------ـــــــــــــــــــــــ 1 ـــــــــــــــــــــــ كود وضع صورة كخلفية لجميع الروابط بالمنتدي
اي رابط بالمنتدي ستكون خلفيته صورة سواء كان اسم عضو او عنوان موضوع او اي رابط
الكود - الكود:
-
a:link
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
a:visited
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
a:active
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
a:hover
{
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
} يمكنك استبدال - اقتباس :
- https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif
بالصورة اللتي تريدها-----------
ـــــــــــــــــــــــ 2 ـــــــــــــــــــــــ
كود شبيه بالاول لكنه يضع اطار لهذه الخلفية لتكون بشكل أفضل
الكود
- الكود:
-
a:link
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
a:visited
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
a:active
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
}
a:hover
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
} يمكنك استبدال
- اقتباس :
- https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif
بالصورة اللتي تريدها
ويمكنك استبدال
- اقتباس :
- #ffffff
بكود اللون اللذي تريده ليكون لون الاطار -----------ـــــــــــــــــــــــ 3 ـــــــــــــــــــــــ
كود لوضع اطار حول جميع الروابط لكن بدون صورة خلفية للروابط
الكود
- الكود:
-
a:link
{
border:1px dashed #ffffff;
}
a:visited
{
border:1px dashed #ffffff;
}
a:active
{
border:1px dashed #ffffff;
}
a:hover
{
border:1px dashed #ffffff;
} يمكنك استبدال
- اقتباس :
- #ffffff
بكود اللون اللذي تريده ليكون لون الاطار-----------ـــــــــــــــــــــــ 4 ـــــــــــــــــــــــ برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود
- الكود:
-
a:hover
{
border:1px dashed #ffffff;
background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif);
} يمكنك استبدال - اقتباس :
- https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif
بالصورة اللتي تريدها
ويمكنك استبدال
- اقتباس :
- #ffffff
بكود اللون اللذي تريده ليكون لون الاطار-----------
طريقة وضع الأكواد :
<blockquote> لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css
-----------ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل-----------في النهاية ارجوا ان تسعدوا بهذه الأكواد
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع
تحياتي
  </blockquote> | |
|
