الكود الاول
المهمة : يجعل شكل الاقتباسات مميز مثل هنا
مقالة:
- الكود:
-
.quote{
-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
هو لون الخلفية
https://2img.net/h/oi29.tinypic.com/ke89ll.jpgهو رابط الصورة الخلفية
border : 1px dotted #ef9e10
لون و نوع وسمك الحدود
color : #000000
هو لون الخط
max-width: 800px
هو أقصى عرض
الكود الثانى
المهمة : وضع خلفية للأزرار عند مرور الماوس
مقالة:
- الكود:
-
input.liteoption:hover {
background-color : #fff;
background-image: url('http://i44.tinypic.com/301hraq.gif');
background-position: top;
font-weight : bold;
color: #8d1717;
}
input.mainoption:hover {
background-color : #000;
background-image: url('http://i44.tinypic.com/301hraq.gif');
background-position: top;
font-weight : bold;
color: #8d1717;
}
button.button2:hover, input.button2:hover {
border-width: 2px;
border-style: outset;
border-color: #000000;
background-image: url('http://i44.tinypic.com/301hraq.gif');
background-position: top;
color: #8d1717;
background-position: 0 100%;
}
https://2img.net/h/oi44.tinypic.com/301hraq.gifهو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
color: #8d1717
هو لون الخط
الكود الثالث
المهمة : جعل الفوتر في الوسط
مقالة:
- الكود:
-
div.page-footer
{
position: center;
}
الكود الرابع
المهمة : جعل الحدود بشكل احترافي وبخلفية مثل هنا
كذلك الملاحة والحقوق
مقالة:
- الكود:
-
div.gen
{
width: 940px;
border : 1px dotted #000000;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
}
td.bodyline{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-width: 1px;
border-color: #000000;
}
td.nav{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}
div.gensmall{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}
td.gensmall{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
font-weight: bold
}
الكود الخامس
المهمة : جعل خط حقوق أحلى منتدى بخط tahoma
مقالة:
- الكود:
-
a.copyright{
border:0;
background:none;
font-family: Tahoma;
font-size: 15px;
}