aflamanat

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

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
perenceno
Admin


عدد المساهمات : 369
تاريخ التسجيل : 03/06/2010

مُساهمةموضوع: * * * * * * * اكواد css أكثر من رائعة تخص الروابط   الثلاثاء يونيو 29, 2010 11:03 am



السلام عليكم pig
ازيكم
يا احلي اعضاء
انا عملت اكواد 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
 [color=black][b]بكود اللون اللذ[/b][/color]
-----------
ـــــــــــــــــــــــ
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>
-----------
ملحوظة
: يمكنك الاتيان بصور الجليتر من البحث بجوجل

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

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