تحصل على ازرار CSS في الورقة المعنونة!

نبدا بلمحة عما نقصده: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نبدا الشرح:

ادخل اولا الى لوحة ادارة منتداك و اجعله في النسخة الجديدة 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

جزاك الله كل خير

شكرا عـ الموضوع المميز