اشهار مواقع وخدمة اصحاب المنتديات وجلب زوار وارشفه وتصاميم واكواد وهاكات ومساعده الاعضاء
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
red_dragon
عضو جـديـد

avatar

احترام قوانين المنتدى : احترام قوانين المنتدى
الجنس : ذكر
عدد المساهمات : 7
نقاط النشــاط نقاط النشــاط : 21
السٌّمعَة : 10
تاريخ الميلاد : 06/10/1988
العمر العمر : 30

مُساهمةموضوع: اكواد css أكثر من رائعة تخص الروابط   الخميس سبتمبر 08, 2011 8:13 pm

لسلام عليكم drunken
ازيكم يا احلي اعضاء
انا عملت اكواد 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 ) وارجوا اذا اراد احد نقلها يربط موضوعه برابط هذا الموضوع
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع

تحياتي
tongue ]


عدل سابقا من قبل الزعيم في الخميس سبتمبر 22, 2011 8:47 pm عدل 1 مرات (السبب : تنظيم الموضوع)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
اكواد css أكثر من رائعة تخص الروابط
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات اشهار سوفت :: الأكواد الإنسيابية Css-
انتقل الى:  
 
الساعة الأن بتوقيت (مصر)
جميع الحقوق محفوظة لـمنتديات اشهار سوفت
 Powered by Aseer Al Domoo3 ®http://eshar.yoo7.com
حقوق الطبع والنشر©2012 - 2011