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

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

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

ادخل اولا الى لوحة ادارة منتداك و اجعله في النسخة الجديدة PHPBB3 لان الكود لا يعمل الا عليها.

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

لوحة الادارة>التصاميم>الصور و الالوان>التعديل السريع للصور>ثم ضع الرابط الاتي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] مكان الازرار.

ثم انتقل الى لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط CSS منتداك

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

ثم ابحث عن الكود الاتي:

الكود: ---------تضليل المحتوى

الرمز:

/* Menu-------------------------------------------------*/.navbar {
clear: both;
background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
padding:0px 10px;
}
ul.navlinks {
border-bottom: 1px solid [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
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 ----------------*/
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] .navbar {
clear: both;
background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
padding: 0px 10px;
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ul.navlinks {
padding: 0;
margin: 0;
background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
border: none;
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ul.linklist li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
display: inline;
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ul.linklist li a {
margin: 0;
padding: 0px 5px;
display: block;
font-weight: bold;
width: auto;
height: auto;
color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ul.linklist li a:hover, a:focus, a:active {
background-color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
color: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
}
/*---------------- fin menuactif ----------------*/

يوجد 2 انواع من الالوان يمكن تغييرها وهي:

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

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

◄ ◄ ◄ ◄ ◄ ◄ ◄ ◄ ◄
منقول من مصدره الاصلي
منتدى الدعم والمساعدة

طرحت فابدعت
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص حبي وأشواقي
سلمت اناملك الذهبيه على ماخطته لنا
اعذب التحايا لك