خاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرى
من لوحة الادارة - مظهر المنتدى - الوان - ورقة css
ثم ضع الكود ثم سجل
الكود الاول
المهمة : وضع خلفية لاسم العضو
مقالة:
.name a{
text-decoration: none;
border:1px dashed #000000;
background: url(https://2img.net/h/oi44.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('https://2img.net/h/oi29.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
هو أقصى عرض
الكود السادس
المهمة : يجعل شكل الاقتباسات مميز مثل هنا
مقالة:
.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('https://2img.net/h/oi29.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('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%;
}
https://2img.net/h/oi44.tinypic.com/301hraq.gifهو رابط الصورة الخلفية
للخبراء يمكنهم التعديل على الكود حيث
color: #8d1717
هو لون الخط
لا تنسونا من صالح الدعاء