ForumNavLinks


Μη Συνδεδεμενος Παρακαλώ συνδεθείτε ή εγγραφείτε

όμορφο MenuBar [PunBB]

Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

1 όμορφο MenuBar [PunBB] Την / Το Κυρ Ιαν 27, 2013 9:40 am

Admin

avatar
Administrator
Administrator
Για σας.
Σήμερα θα σας δείξω πως να κάνετε το 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;
}
και έτοιμο Smile
αν το 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);

Επισκόπηση του προφίλ των χρηστών http://help.forumgreek.com

Επιστροφή στην κορυφή  Μήνυμα [Σελίδα 1 από 1]

Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης