منتدى العمالقة الكبار

منتدى العمالقة الكبار


 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
lakhdar-hadibi
المدير العام
المدير العام
avatar

الجنس : ذكر
تاريخ الميلاد تاريخ الميلاد : 05/01/1992
عدد المساهمات عدد المساهمات : 506
نقاط نقاط : 2182
السٌّمعَة السٌّمعَة : 3
تاريخ التسجيل تاريخ التسجيل : 14/03/2011
العمر العمر : 25

مُساهمةموضوع: اكواد css أكثر من رائعة تخص الروابط   الأربعاء 30 يناير 2013, 3:41 am

انا عملت اكواد 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 ـــــــــــــــــــــــ
برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود
اقتباس :

[/b]الكود: ---------تضليل المحتوى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 بكود اللون اللذي تريده ليكون لون الاطار
-----------
طريقة وضع الأكواد :
<blockquote>
لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css</blockquote>
-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://al3amalika.ibda3.org
 
اكواد css أكثر من رائعة تخص الروابط
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العمالقة الكبار :: قسم التقني :: منتدى عالم الأكواد :: اكوادودروس الانماط الانسيابية css-
انتقل الى: