الكود الاول
المهمة : وضع خلفية لاسم العضو
مقالة:
- الكود:
-
.name a{
text-decoration: none;
border:1px dashed #000000;
background: url(http://i44.tinypic.com/301hraq.gif);
}
لتغيير الخلفية يمكنك استبدال
https://2img.net/h/oi44.tinypic.com/301hraq.gifولتحكم في الحدود (للخبراء) يمكنكم التعديل على
border:1px dashed #000000
حيث border:1px هو السمك
حيث dashed هو النوع
حيث #000000 هو اللون
الكود الثاني
المهمة : حذف الخط من تحت الروابط
مقالة:
- الكود:
-
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
الكود الثالث
المهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوس
مقالة:
- الكود:
-
a:hover
{
background: #ffe9c6;
}
لتغيير اللون (للخبراء) عدل على
background: #ffe9c6
الكود الرابع
المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى
مقالة:
- الكود:
-
#page-footer
{
width: 950px; height: 80px;
background: url(http://www.up.6y6y.com/uploads/dd1674342e.png);
}
لتغيير الصورة استبدل الرابط
http://www.up.6y6y.com/uploads/dd1674342e.pngللتحكم بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)
width: 950px; height: 80px
حيث width هو العرض
و height هو الارتفاع
الكود الخامس
المهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا
المقال:
- الكود:
-
code {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('http://i29.tinypic.com/ke89ll.jpg');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
}
https://2img.net/h/oi29.tinypic.com/ke89ll.jpgهو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
background-color: #feffc4
هو لون الخلفية
border : 1px dotted #ef9e10
لون و نوع وسمك الحدود
color : #000000
هو لون الخط
max-width: 800px
هو أقصى عرض
موضوع: 5 اكواد css 
الثلاثاء يوليو 06, 2010 9:26 am
