منتديات سالم كوول
اكواد لوضع صورة للروابط+ اطار + اطار فقط للروابط في سالم كوول Ezlb9t10
منتديات سالم كوول
اكواد لوضع صورة للروابط+ اطار + اطار فقط للروابط في سالم كوول Ezlb9t10
منتديات سالم كوول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

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


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

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

تحياااتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://salemcool.yoo7.com
 
اكواد لوضع صورة للروابط+ اطار + اطار فقط للروابط في سالم كوول
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» سالم صالح ....مدير سالم كوول
» كود CSS لوضع صورة او خلفية لعلبة الدردشة ( الشات )
» طريقة أزالة السطر من تحت أسماء الأعضاء ... سالم كوول
» قصيده شعرية بعنوان غزة والعرب من سالم كوول
» معلومات شخصية لاعضاء منتدى سالم كوول....

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