 طائر الغرام
 المشاراكات : 2472  نقاط : 80278  السٌّمعَة : 5  العمر : 29
 |  موضوع: اكواد css أكثر من رائعة تخص الروابط  الخميس سبتمبر 09, 2010 8:31 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);
} يمكنك استبدال - الكود:
-
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> -----------ملحوظة : يمكنك الاتيان بصور الجليتر من البحث بجوجل-----------في النهاية ارجوا ان تسعدوا بهذه الأكواد
وارجوا اذا اراد احد نقلها يربط موضوعه برابط هذا الموضوع -----------
ارجوا ان اكون افدتكم
انتهي الموضوع الموضوع الاصلى : اكواد css أكثر من رائعة تخص الروابط المصدر :منتدياتالأكام الكاتب: طائر الغرام |
|
الكاسرة
المشاراكات : 1429 نقاط : 83846 السٌّمعَة : 3 العمر : 34
| موضوع: رد: اكواد css أكثر من رائعة تخص الروابط الخميس سبتمبر 09, 2010 9:02 pm | |
| |
|
طائر الغرام
المشاراكات : 2472 نقاط : 80278 السٌّمعَة : 5 العمر : 29
| موضوع: رد: اكواد css أكثر من رائعة تخص الروابط الجمعة سبتمبر 10, 2010 2:49 am | |
| |
|
الزعيم اداري
المشاراكات : 12361 نقاط : 98645 السٌّمعَة : 17 العمر : 31
| موضوع: رد: اكواد css أكثر من رائعة تخص الروابط الجمعة سبتمبر 10, 2010 11:29 am | |
| |
|
طائر الغرام
المشاراكات : 2472 نقاط : 80278 السٌّمعَة : 5 العمر : 29
| موضوع: رد: اكواد css أكثر من رائعة تخص الروابط الجمعة سبتمبر 10, 2010 6:38 pm | |
| |
|
