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

الأربعاء نوفمبر 28, 2018 1:31 am

السلام عليكم
ازيكم يا احلي اعضاء
انا عملت اكواد 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

-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد
ملحوظة : جميع الاكواد من صنعي ( s@kr ) وارجوا اذا اراد احد نقلها يربط موضوعه برابط هذا الموضوع
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع

تحياتي