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

من طرف **KhaliD MallaH** الثلاثاء أبريل 12, 2011 5:21 pm

[b]تذكير بمساهمة فاتح الموضوع :

[/b]ضع رد لكي ترى الكود [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

السلام عليكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ازيكم يا احلي اعضاء
انا عملت اكواد css دمار شامل بخصوص الروابط
الاكواد بسطية لكن ارجوا ان تفيدكم

الاكواد تعمل علي جميع النسخ
-----------
ـــــــــــــــــــــــ 1 ـــــــــــــــــــــــ
كود وضع صورة كخلفية لجميع الروابط بالمنتدي
اي رابط بالمنتدي ستكون خلفيته صورة سواء كان اسم عضو او عنوان موضوع او اي رابط
الكود

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote" align="left"><table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">a:link
{
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}

a:visited
{
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}

a:active
{
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}

a:hover
{
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}
</td></tr></table></td></tr></table>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يمكنك استبدال

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
</td></tr></table>
بالصورة اللتي تريدها
-----------
ـــــــــــــــــــــــ 2 ـــــــــــــــــــــــ

كود شبيه بالاول لكنه يضع اطار لهذه الخلفية لتصبح بشكل أفضل
الكود

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote" align="left"><table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">a:link
{
border:1px dashed #ffffff;
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}

a:visited
{
border:1px dashed #ffffff;
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}

a:active
{
border:1px dashed #ffffff;
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}

a:hover
{
border:1px dashed #ffffff;
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}
</td></tr></table></td></tr></table> [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يمكنك استبدال

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
</td></tr></table>بالصورة اللتي تريدها
ويمكنك استبدال الرمز:#ffffffبكود اللون اللذي تريده
-----------
ـــــــــــــــــــــــ 3 ـــــــــــــــــــــــ

كود لوضع اطار حول جميع الروابط لكن بدون صورة خلفية للروابط
الكود

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote" align="left"><table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">a:link
{
border:1px dashed #ffffff;

}

a:visited
{
border:1px dashed #ffffff;

}

a:active
{
border:1px dashed #ffffff;

}

a:hover
{
border:1px dashed #ffffff;

}
</td></tr></table></td></tr></table> [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يمكنك استبدال

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">#ffffff
</td></tr></table>

بكود اللون اللذي تريده
-----------
ـــــــــــــــــــــــ 4 ـــــــــــــــــــــــ
برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote" align="left"><table width="90%" align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">
a:hover
{
border:1px dashed #ffffff;
background: url(https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif);
}
</td></tr></table></td></tr></table>
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
يمكنك استبدال

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
</td></tr></table>

بالصورة اللتي تريدها
ويمكنك استبدال
الرمز:#ffffff
بكود اللون اللذي تريده
-----------
طريقة وضع الأكواد :

لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css

-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد
ملحوظة : جميع الاكواد من صنعي ( [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ) وارجوا اذا اراد احد نقلها يربط موضوعه برابط هذا الموضوع

منقول