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

شاطر | 
 

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

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

avatar

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

مُساهمةموضوع: اكواد 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 ®eshar.yoo7.com
حقوق الطبع والنشر©2012 - 2011