Για σας.
Σήμερα θα σας δείξω πως να κάνετε το Menubar σας όπως αυτό
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
μπαίνετε
Admin Panel >> Εμφάνιση >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
αν το menu bar δεν μπήκε στην θέση του και είναι κάπως έτσι
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτή την εικόνα.]
μπορείτε να το ρυθμίσετε σε αυτήν τον κώδικα
Σήμερα θα σας δείξω πως να κάνετε το 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);