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



 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

 اكواد لوضع صورة للروابط+ اطار + اطار فقط للروابط في سالم كوول

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
MR.salem
Admin
Admin
avatar

الجنس : ذكر
عدد المساهمات : 281
تاريخ التسجيل : 25/04/2011
العمر : 20
الموقع http://salemcool.yoo7.com

مُساهمةموضوع: اكواد لوضع صورة للروابط+ اطار + اطار فقط للروابط في سالم كوول   الأربعاء يونيو 15, 2011 1:05 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 )
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع

تحياااتي

--------------------------التوقـــيع-----------------------------
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://salemcool.yoo7.com
 
اكواد لوضع صورة للروابط+ اطار + اطار فقط للروابط في سالم كوول
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات سالم كوول  :: منتديات سالم كوول الاخرى :: منتديات سالم كول لاكواد المنتديات :: --___منتدى اكواد css احلى منتدى ___---
انتقل الى: