منتدى الدعم الفني


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

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
فخآإمۃ آلملڪْ



الساعة :
نسخة المنتدى :
فريقي المفضل : برشلونا
الدوله : العراق
المزاج : قاعد اصمم
ذكر
متصفحك : متصفحك
عدد المساهمات : 396
نقاط : 984
السٌّمعَة : 1
تاريخ التسجيل : 23/12/2012
MmS : MmS

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

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

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

الرمز:

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);
}


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

الرمز:

https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif


بالصورة اللتي تريدها
-----------
ـــــــــــــــــــــــ 2 ـــــــــــــــــــــــ

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

الرمز:

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);
}


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

الرمز:

https://redcdn.net/ihimizer/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 ـــــــــــــــــــــــ
برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود

الرمز:

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


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

الرمز:

https://redcdn.net/ihimizer/img194/4953/1138289082wed5.gif


بالصورة اللتي تريدها
ويمكنك استبدال

الرمز:

#ffffff


بكود اللون اللذي تريده ليكون لون الاطار
-----------
طريقة وضع الأكواد :

اقتباس:
<blockquote>
لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css</blockquote>


-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع

تحياتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://d3malfny.yoo7.com
ملك الحصريات

avatar

الساعة :
الدوله : مصر
المزاج : زعلان
ذكر
متصفحك : متصفحك
عدد المساهمات : 154
نقاط : 154
السٌّمعَة : 0
تاريخ التسجيل : 03/06/2013
العمر : 38

مُساهمةموضوع: رد: اكواد css أكثر من رائعة تخص الروابط    الإثنين يونيو 03, 2013 8:19 am

شكرا على المشاركه الرائعه
وفى انتظار كل جديد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://medo.glaxu.org/vb/
 
اكواد css أكثر من رائعة تخص الروابط
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم الفني  :: منتدى تطوير ودعم المنتديات المجانية Develop and support forum free forums :: قسم التطويري :: الأكواد الإنسيابية CSS-
انتقل الى: