بســم الله الرحمـن الرحـيم
السلام عليكم



كود Css لعرض الأزرار اعلى الواجهة بطريقة احترافية
الكود للنسخة PunBB


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





الـــكــــود

/*-----PunBB عارضة تصفح أعلى الواجهة Ayman4u-----*/
a.mainmenu{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
a.mainmenu:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;
}
#pun-intro {
margin: 0;
padding: 1.5em 1em 1em 1em;
border-bottom: 0px solid #296fa5;
background-color: transparent;
background-image: url('https://2img.net/i/fa/empty.gif');
margin-left: -37px;
text-align: center;
background-repeat: no-repeat;
width: 850px;
height: 560px;
margin-bottom: -50px;
}

#pun-head #pun-navlinks {
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: transparent;
border-color: #dddddd;
border: 0px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: -576px;
height: 370px;
}
/*-----PunBB عارضة تصفح أعلى الواجهة Ayman4u-----*/

طريقة وضع الكود
لوحة الادارة \ مظهر المنتدى \ الصور والألوان \ ألوان \ ورقة تصميم Css