البرنس
Admin
 عدد الرسائل : 1727
العمر : 34
نقاط : 60772
تاريخ التسجيل : 23/01/2009
 | موضوع: اكواد css أكثر من رائعة تخص الروابط من صنعي --> s@kr  الثلاثاء يوليو 27, 2010 5:16 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);
} يمكنك استبدال الرمز:https://2img.net/r/ihimizer/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);
} يمكنك استبدال الرمز:https://2img.net/r/ihimizer/img194/4953/1138289082wed5.gif بالصورة اللتي تريدها
ويمكنك استبدال الرمز:#ffffff بكود اللون اللذي تريده ليكون لون الاطار-----------
طريقة وضع الأكواد :
لوحة الادارة >> مظهر المنتدي >> الوان >> ورقة تصميم css
| |
|
