محمد بكرى للتصميم

محمد بكرى للتصميم

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

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
الادارة
الادارة
avatar

عادى الجنسية : مصر
عدد المساهمات : 362
تاريخ التسجيل : 24/06/2011
العمر : 26

مُساهمةموضوع: اكواد css أكثر من رائعة تخص الروابط   الأحد 11 ديسمبر - 4:54

انا عملت اكواد 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
-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد

..............................................
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد css أكثر من رائعة تخص الروابط
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
محمد بكرى للتصميم :: دعم المنتديات :: الأكواد الإنسيابية CSS-
انتقل الى:  
Site Language