perenceno
Admin
عدد المساهمات : 369
تاريخ التسجيل : 03/06/2010
 |  موضوع: * * * * * * * اكواد css أكثر من رائعة تخص الروابط  الثلاثاء يونيو 29, 2010 11:03 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
[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> -----------ملحوظة
: يمكنك الاتيان بصور الجليتر من البحث بجوجل-----------في النهاية ارجوا ان تسعدوا بهذه الأكواد | |
|
