اذهب الي المحتوي
أحلى نادي لأحلى أعضاء
البحث في
  • المزيد من الخيارات...
عرض النتائج التي تحتوي على:
إيجاد النتائج في:

مجموعة عامة  ·  9231 اعضاء

نادي الفهلوى ديزاين للإبداع
Pr!nCe LoVeR

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

Recommended Posts

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

تحياتي

شارك هذه المشاركه


رابط المشاركه
شارك


يُسع ـدني مروركم المميز على مـوٍأإضيعى
بارك الله فيكم وجزاكم خيرا على تشريفكم لى
تـقبلـوٍآ خ ـآلص وَدْي وَتَقـدْيِـرِي
لآآقـلأم ـكُم أإلجمـيله
مـوٍدتـي~

شارك هذه المشاركه


رابط المشاركه
شارك


تسلم علي المجهود الرائع
فى انتظار كل جديد منك
تقبلوا مرورى وتحياتى

شارك هذه المشاركه


رابط المشاركه
شارك


يُسع ـدني مروركم المميز على مـوٍأإضيعى
بارك الله فيكم وجزاكم خيرا على تشريفكم لى
تـقبلـوٍآ خ ـآلص وَدْي وَتَقـدْيِـرِي
لآآقـلأم ـكُم أإلجمـيله
مـوٍدتـي~

شارك هذه المشاركه


رابط المشاركه
شارك
[بارك الله فيك على الموضوع القيم والمميز

وفي إنتظار جديدك الأروع والمميز

لك مني أجمل التحيات

وكل التوفيق لك يا رب

شارك هذه المشاركه


رابط المشاركه
شارك


كل
الشكر لكـِ ولهذا المرور الجميل
الله يعطيكـِ العافيه يارب
خالص مودتى لكـِ

شارك هذه المشاركه


رابط المشاركه
شارك

انشئ حساب جديد او قم بتسجيل دخولك لتتمكن من اضافه تعليق جديد

يجب ان تكون عضوا لدينا لتتمكن من التعليق

انشئ حساب جديد

سجل حسابك الجديد لدينا في الموقع بمنتهي السهوله .

سجل حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ سجل دخولك من هنا.

سجل دخولك الان

×
×
  • اضف...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.