الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
البرفسور
عضو مشارك
عضو مشارك
avatar

الجنس : ذكر
عدد المساهمات : 93
نقاط : 6320
السٌّمعَة : 10
تاريخ التسجيل : 09/08/2010

مُساهمةموضوع: كواد css أكثر من رائعة تخص الروبط   09.08.10 7:01

السلام عليكم ورحمة الله وبركاته

انا عملت اكواد css دم بخصوص الروابط
الاكواد بسطية لكن ارجوا ان تفيدكم

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


</SPAN>
</SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=0 align=center>

<TR>
<td>الرمز:</TD></TR>
<TR>
<td class=code>a:link
{
background: url(https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif);
}

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

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

a:hover
{
background: url(https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif);
}
</TD></TR></TABLE>

يمكنك استبدال


الرمز:
https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif
بالصورة اللتي تريدها
-----------
ـــــــــــــــــــــــ 2 ـــــــــــــــــــــــ

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




</SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=0 align=center>

<TR>
<td>الرمز:</TD></TR>
<TR>
<td class=code>a:link
{
border:1px dashed #ffffff;
background: url(https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif);
}

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

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

a:hover
{
border:1px dashed #ffffff;
background: url(https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif);
}
</TD></TR></TABLE>

يمكنك استبدال


الرمز:
https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif
بالصورة اللتي تريدها
ويمكنك استبدال الرمز:#ffffffبكود اللون اللذي تريده
-----------
ـــــــــــــــــــــــ 3 ـــــــــــــــــــــــ

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


</SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=0 align=center>

<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>

يمكنك استبدال



الرمز:
#ffffff

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


</SPAN>
<TABLE border=0 cellSpacing=1 cellPadding=0 align=center>

<TR>
<td>الرمز:</TD></TR>
<TR>
<td class=code>
a:hover
{
border:1px dashed #ffffff;
background: url(https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif);
}
</TD></TR></TABLE>

يمكنك استبدال


الرمز:
https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif

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

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

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

الجنس : ذكر
عدد المساهمات : 1423
نقاط : 8095
السٌّمعَة : 3
مواضيع مميزه : 1
تاريخ التسجيل : 19/02/2010
نقاط المسابقات : 80
الاوسمه

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   29.08.10 12:13

لا هنت البرفسور


على الكود الرائع في انتظار جديدك


تقبل مرروي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
هاوي الغنادير
التميز الفضي
التميز الفضي
avatar

الجنس : ذكر
عدد المساهمات : 799
نقاط : 7454
السٌّمعَة : 1
مواضيع مميزه : 4
تاريخ التسجيل : 23/02/2010
العمر : 34
الموقع : الرياض
نقاط المسابقات : 160
الاوسمه

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   31.08.10 10:42

البرفسور

بيض الله وجهك على الاكواد الجميله

لك تقديري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ابو سالم
التميز الذهبي
التميز الذهبي
avatar

الجنس : ذكر
عدد المساهمات : 2130
نقاط : 8657
السٌّمعَة : 14
مواضيع مميزه : 3
تاريخ التسجيل : 29/03/2010
الموقع : الرياض
نقاط المسابقات : 0
الاوسمه

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   01.09.10 6:48

لاهنت البرفسور
وتقبل أمياتي لك بأتوفيق
ومروري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
الصقر الجارح
عضو فعال
عضو فعال
avatar

الجنس : ذكر
عدد المساهمات : 209
نقاط : 6579
السٌّمعَة : 12
مواضيع مميزه : 1
تاريخ التسجيل : 03/04/2010
العمر : 33
الموقع : الرياض
نقاط المسابقات : 0

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   02.09.10 1:21

الرجوع الى أعلى الصفحة اذهب الى الأسفل
الولهان
عضو مميز نشط
عضو مميز نشط
avatar

الجنس : ذكر
عدد المساهمات : 615
نقاط : 7078
السٌّمعَة : 12
مواضيع مميزه : 0
تاريخ التسجيل : 27/03/2010
نقاط المسابقات : 220

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   20.09.10 0:08

الرجوع الى أعلى الصفحة اذهب الى الأسفل
البرفسور
عضو مشارك
عضو مشارك
avatar

الجنس : ذكر
عدد المساهمات : 93
نقاط : 6320
السٌّمعَة : 10
تاريخ التسجيل : 09/08/2010

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   24.10.10 16:19

الرجوع الى أعلى الصفحة اذهب الى الأسفل
سيف القحطاني
التميز الذهبي
التميز الذهبي
avatar

الجنس : ذكر
عدد المساهمات : 2106
نقاط : 9192
السٌّمعَة : 13
مواضيع مميزه : 3
تاريخ التسجيل : 17/02/2010
نقاط المسابقات : 110
الاوسمه

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   23.03.11 5:40

مشكور موضوع مميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
مخاوي الذيب
عضو فعال نشط
عضو فعال نشط
avatar

الجنس : ذكر
عدد المساهمات : 280
نقاط : 5643
السٌّمعَة : 10
مواضيع مميزه : 0
تاريخ التسجيل : 16/08/2011

مُساهمةموضوع: رد: كواد css أكثر من رائعة تخص الروبط   27.03.12 9:16

مشكور الله يعطيك الف عافيه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كواد css أكثر من رائعة تخص الروبط
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
الموقع الرسمي لشامخ السعودي :: ₪ ملتقى ° الشامخ السعودي ° التقني ₪ :: تقنه متقدمه - أكواد Css _ أكواد ال html-
انتقل الى: