صحبتنا

صحبتنا, منتدي صحبتنا, منتديات صحبتنا احلي منتدي, احلي منتدي, راديو صحبتنا, دردشة صحبتنا, برامج, العاب صحبتنا, شباب صحبتنا, تعارف, رياضة, افلام, اغانى, تسلية وترفية صحبتنا.


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

    شاطر
    avatar
    AHmED
    الاداره العامه للمنتدى
    الاداره العامه للمنتدى

    ذكر
    عدد المساهمات : 563
    نقط : 695653
    سجل في : 12/02/2010
    العمر : 29

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

    مُساهمة من طرف AHmED في الأحد يونيو 20, 2010 3:03 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);
    }
    يمكنك استبدال الرمز: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);
    }

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

      الوقت/التاريخ الآن هو الأربعاء نوفمبر 22, 2017 1:49 pm