نبدا بلمحة عما نقصده:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الان نبدا الشرح:
ادخل اولا الى لوحة ادارة منتداك و اجعله في النسخة الجديدة PHPBB3 لان الكود لا يعمل الا عليها.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] كيفية تغيير نسخة منتداك
:!: لوحة الادارة>التصاميم>الصور و الالوان>التعديل السريع للصور>ثم ضع الرابط الاتي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] مكان الازرار.
ثم انتقل الى لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط CSS منتداك
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ثم ابحث عن الكود الاتي:
| الرمز: |
/* Menu-------------------------------------------------*/.navbar {
clear: both;
background-color: #cadceb;
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid #ffffff;
font-weight: bold;
}
ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
font-size: 1.1em;
line-height: 2.2em;
}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
ul.linklist li a img {
vertical-align: middle;
}
|
ضع بعده مباشرة الكود الاتي:
| الرمز: |
/*---------------- début menuactif ----------------*/
#page-header .navbar {
clear: both;
background-color: #eee;
padding: 0px 10px;
}
#page-header ul.navlinks {
padding: 0;
margin: 0;
background-color: #40b9c7;
border: none;
}
#page-header ul.linklist li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
display: inline;
}
#page-header ul.linklist li a {
margin: 0;
padding: 0px 5px;
display: block;
font-weight: bold;
width: auto;
height: auto;
color: #b8f8ff;
}
#page-header ul.linklist li a:hover, a:focus, a:active {
background-color: #b8f8ff;
color: #40b9c7;
}
/*---------------- fin menuactif ----------------*/
|
يوجد 2 انواع من الالوان يمكن تغييرها وهي:
الاخضر الغامق: #40b9c7
الاخضر الفاتح: #b8f8ff
الرئيسية 
الأحداث 
