* * * * * * * اكواد css أكثر من رائعة تخص الروابط

Admin عدد المساهمات : 369 تاريخ التسجيل : 03/06/2010

السلام عليكم
ازيكم
يا احلي اعضاء
انا عملت اكواد 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
[color=black][b]بكود اللون اللذ[/b][/color]

-----------
ـــــــــــــــــــــــ
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

بكود اللون اللذي تريده ليكون لون الاطار
-----------
طريقة وضع الأكواد :
<blockquote>لوحة الادارة >> مظهر المنتدي >> الوان
>> ورقة تصميم css
</blockquote>
-----------
ملحوظة
: يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد