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

من طرف **Virus** 27/5/2011, 5:00 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); }

يمكنك استبدال

الكود:: 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); }

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

-----------
ـــــــــــــــــــــــ 4 ـــــــــــــــــــــــ
برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود

الكود:: a:hover { border:1px dashed #ffffff; background: url(http://img194.imageshack.us/img194/4953/1138289082wed5.gif); }

طريقة وضع الأكواد :

لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css