admin
الادارة
 الجنسية : 
عدد المساهمات : 362
تاريخ التسجيل : 24/06/2011
العمر : 32
 | | موضوع: اكواد css أكثر من رائعة تخص الروابط الأحد 11 ديسمبر - 4:54 | |
| انا عملت اكواد 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);
} يمكنك استبدال - الكود:
-
http://img194.imageshack.us/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);
} يمكنك استبدال - الكود:
-
http://img194.imageshack.us/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);
}
يمكنك استبدال - الكود:
-
http://img194.imageshack.us/img194/4953/1138289082wed5.gif بالصورة اللتي تريدها
ويمكنك استبدال - الكود:
-
#ffffff بكود اللون اللذي تريده ليكون لون الاطار-----------
طريقة وضع الأكواد
لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css
-----------ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل-----------في النهاية ارجوا ان تسعدوا بهذه الأكواد | |
|
