شركة بن سلطان التطويرية

شركة بن سلطان التطويرية

شّـركة بّـنٌ سًـلَطٌآنٌ آلَتُطٌوِيّريّة | آسًـمِ يّتُردُدُ وِثًـقَة تُتُجَ ـدُدُ
 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Ben sO!tan
مؤسس الشركة
مؤسس الشركة
avatar

جنسى : ذكر
مزاجى : :
مشاركاتى: : 1087
نقاطي : : 20605
تاريخ ميلادى : 06/12/1997
تعرفت على الشركة فى : : 24/02/2012
عمرى : : 19
أوسمة النشاط:: : وسام أفضل إدارى

مُساهمةموضوع: اكواد css أكثر من رائعة تخص الروابط -->   الخميس يونيو 21, 2012 1:23 pm


السلام عليكم
ازيكم يا احلي اعضاء
انا عملت اكواد 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);
}
يمكنك استبدال[quote]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 ـــــــــــــــــــــــ
برأيي هذا أفضل كود
لوضع صورة كخلفية للرابط عند مرور الفأرة علي الرابط
الكود
الكود:
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>
-----------
ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل
-----------
في النهاية ارجوا ان تسعدوا بهذه الأكواد
-----------
ارجوا ان اكون افدتكم
انتهي الموضوع

تحياتي

A7med $olt@n
المتطوع المساعد











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

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