الكود الاول
المهمة : وضع خلفية لاسم العضو
الرمز:
.name a{
text-decoration: none;
border:1px dashed #000000;
background: url(https://2img.net/h/oi44.tinypic.com/301hraq.gif);
}
الكود الثاني
المهمة : حذف الخط من تحت الروابط
الرمز:
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);
}
الكود الخامس
المهمة : وضع خلفية للأزرار عند مرور الماوس
الرمز:
input.liteoption:hover {
background-color : #fff;
background-image: url('https://2img.net/h/oi44.tinypic.com/301hraq.gif');
background-position: top;
font-weight : bold;
color: #8d1717;
}
input.mainoption:hover {
background-color : #000;
background-image: url('https://2img.net/h/oi44.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('https://2img.net/h/oi44.tinypic.com/301hraq.gif');
background-position: top;
color: #8d1717;
background-position: 0 100%;
}
الكود السادس
المهمة : جعل الفوتر في الوسط
الرمز:
div.page-footer
{
position: center;
}
الكود السابع
المهمة : جعل خط حقوق أحلى منتدى بخط tahoma
الرمز:
a.copyright{
border:0;
background:none;
font-family: Tahoma;
font-size: 15px;
}