όμορφο MenuBar [PunBB]

Για σας.
Σήμερα θα σας δείξω πως να κάνετε το Menubar σας όπως αυτό
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
μπαίνετε
Admin Panel >> Εμφάνιση >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα

Κώδικας:

#pun-head #pun-navlinks {
background: #496891;
border-bottom-color: #496891;
border-bottom-style: solid;
border-bottom-width: 1px;
box-shadow: 0 0 3px #666;
filter: alpha(opacity=90);
height: 23px;
margin-left: -2px;
opacity: .9;
padding-top: 5px;
position: fixed;
width: 100%;
z-index: 999;
transform: translate(-22px, 31px);
-webkit-transform: translate(-22px, 31px);
-moz-transform: translate(-22px, 31px);
-o-transform: translate(-22px, 31px);
-ms-transform: translate(-22px, 31px);
}

a.mainmenu {
border-radius: 3px;
box-shadow: 0 1px 3px #424242;
font-size: 11px;
font-weight: 700;
padding: .3em 1em 5px .3em;
text-decoration: none!important;
}

a.mainmenu:hover{
filter:alpha(opacity=150);
-moz-opacity: 1.0;
opacity: 1.0;
    }

a.mainmenu:hover{
  color: #F2780C !important;
  background-color: #496891;
}

#pun-navlinks a, #pun-navlinks a:visited {
color: white;
font-family: Tahoma;
font-size: 11px;
font-weight: 700;
line-height: 26px;
text-decoration: none;
padding-left: 11px;
}


 .pun .main-content {
background: white;
border: #DDD solid 1px;
border-radius: 3px;
padding: 0;
}


#content-container #right {
display: none;
}
#content-container div#content {
margin-right:0;
}


και έτοιμο
αν το menu bar δεν μπήκε στην θέση του και είναι κάπως έτσι
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
μπορείτε να το ρυθμίσετε σε αυτήν τον κώδικα

Κώδικας:

transform: translate(-22px, 31px);
-webkit-transform: translate(-22px, 31px);
-moz-transform: translate(-22px, 31px);
-o-transform: translate(-22px, 31px);
-ms-transform: translate(-22px, 31px);