إن كنت عضو بالمنتدى أضغط على ايقونه الدخول
وإن لم تكن عضوا أضغط على ايقونه التسجيل



أنت محروم كزائر من مزايا كثيره
إشترك لترى انفرادات منتدانا وتضيف برأيك لمعرفه غيرك

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

    شاطر
    avatar
    TITOBASHA
    المدير
    المدير

    المزاج
    ذكر


    عدد المساهمات : 603
    نقاط : 91757
    تاريخ التسجيل : 07/10/2009
    العمر : 26

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

    مُساهمة من طرف TITOBASHA في الثلاثاء أغسطس 24, 2010 7:56 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);
    }

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





    [url=http://img194.imageshack.us/img194/4953/1138289082wed5.gif]http://img194.imageshack.us/img194/4953/1138289082wed5.gif[/url]

    بالصورة اللتي تريدها
    -----------
    ـــــــــــــــــــــــ 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);
    }
    يمكنك استبدال





    [url=http://img194.imageshack.us/img194/4953/1138289082wed5.gif][url=http://img194.imageshack.us/img194/4953/1138289082wed5.gif]http://img194.imageshack.us/img194/4953/1138289082wed5.gif[/url][/url]
    بالصورة اللتي تريدها
    ويمكنك استبدال
    الرمز:
    #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);
    }

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

    الرمز:



    :
    [url=http://img194.imageshack.us/img194/4953/1138289082wed5.gif]http://img194.imageshack.us/img194/4953/1138289082wed5.gif[/url]


    بالصورة اللتي تريدها
    ويمكنك استبدال

    الرمز:
    #ffffff
    بكود اللون اللذي تريده
    -----------
    طريقة وضع الأكواد :

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





      الوقت/التاريخ الآن هو الجمعة يونيو 23, 2017 9:00 pm