شبكة ايجي توداي
ــــــــــــــــــــــــــــــــــــــــــــــــ

مسابقة افضل عضو لهذا الشهر وافضل عضو في هذا الاسبوع وجوائز حلوه

عرض خاص لفتره محدوده اطلب اشرفه قويه لمنتداك علي جوجل ونشر المواضيع الخاصه به علي جوجل مقابل 20 موضوع تضعه بالمنتدي



شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
KhaliD MallaH
المدير العام
المدير العام
القوس
الجنس : ذكر
الفأر
عدد مشاركاتى : 1762
السٌّمعَة : 10
تاريخ التسجيل : 07/04/2010
•عُمرِےُ *: : 20
•مُوِقُعـےُ •|: •مُوِقُعـےُ •|: : egy-2day.4ulike.com
http://egy-2day.4ulike.com

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

في الثلاثاء أبريل 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(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);
}
</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">http://img194.imageshack.us/img194/4953/1138289082wed5.gif
</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(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);
}
</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">http://img194.imageshack.us/img194/4953/1138289082wed5.gif
</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(http://img194.imageshack.us/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">http://img194.imageshack.us/img194/4953/1138289082wed5.gif
</td></tr></table>

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

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

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

منقول



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