ايجي توداي

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

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
KhaliD MallaH
الــــمــــديــــر الــــعــــام
الــــمــــديــــر الــــعــــام


مصر
المهنة :
القوس
الجنس : ذكر
الفأر
عدد مشاركاتى : 1743
النقاط : -2036360711
السٌّمعَة : 9
تاريخ التسجيل : 07/04/2010
•عُمرِےُ *: : 20
•مُوِقُعـےُ •|: •مُوِقُعـےُ •|: : egy-2day.4ulike.com

مُساهمةموضوع: أكواد 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 ) وارجوا اذا اراد احد نقلها يربط موضوعه برابط هذا الموضوع

منقول

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-


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

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

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://egy-2day.4ulike.com
 
أكواد css أكثر من رائعة تخص الروبط
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ايجي توداي :: (¯`°•.¸¯`°•. منتديات تطوير المواقع .•°`¯¸.•°`¯) :: اكوادCSS-
انتقل الى: