منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

اكواد css أكثر من رائعة تخص الروابط من صنعي --> s@kr

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

اكواد css أكثر من رائعة تخص الروابط من صنعي --> s@kr

مُساهمة من طرف s@kr في الأربعاء 24 يونيو 2009 - 17:36


السلام عليكم 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
s@kr
المتطوع المساعد


عدل سابقا من قبل s@kr في الخميس 25 يونيو 2009 - 14:16 عدل 6 مرات

s@kr
 
 

ذكر
عدد المساهمات : 22599
معدل النشاط : 22081
السُمعة : 16

https://www.facebook.com/O.GodFather

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى