كود CSS لجعل الازرار احترافية للنسختين phpbb2 و PunBB

كود CSS لجعل الازرار احترافية للنسختين phpbb2 و PunBB

صورة للمعاينة :

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

اولا للنسخه Phpbb2

الرمز:

div#page-body{
margin-top:5px;
}

a.mainmenu img {
display:none;
}

a.mainmenu
{
margin:0 -6px;
padding:5px;
background-color:#606060;
color:white;
text-decoration:none
!important;
}

a.mainmenu:hover {
color:red;
background-color:#505050;
text-decoration:none;
}

a.mainmenu:focus
{
color:blue;
text-decoration:none;
}

ثانيا للنسخه PunBB

الرمز:

#pun-navlinks li{
margin-right:-10px;
}

#pun-navlinks
li a {
color:white !important; /*Цвет текста*/
background-color:#404040;
/*Цвет фона*/
margin:0;
padding:5px;
}

#pun-navlinks li
a:hover {
background-color:#101010; /*Цвет фона при наведении*/
color:red;
/*Цвет текста при наведении*/
}

#pun-navlinks li a img {
display:none;
}

#pun-navlinks
a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration:none;
}

#pun-navlinks
li a:active {
color:orange;
}

#pun-navlinks li a:focus {
color:blue;
/*Цвет текста при нажатии*/
}

طريقة الوضع :

الكود
يوضع بورقة الــــ {css}

لوحة الادارة > مظهر المنتدي
> الوان > ورقة تصميم {css}