aed
div.post.online.st-answer-admin, div.post.st-answer-admin { background-image: url(http://i39.servimg.com/u/f39/18/22/09/39/admin-10.png)!important; background-position: right bottom; background-repeat: no-repeat; }
Ακτιβιστές
Gamatos (2920)
 
SCZI (1799)
 
Rock'n'Trolla (1690)
 
lOlman (1537)
 
Technical Supporter (1393)
 
Voks (1043)
 
B-Colt (994)
 
rebelos (812)
 
Μurderer (710)
 
YuGo007 (608)
 

Βοήθησε όπως μπορείς
για να παραμένει η Παρέα
στο χώρο αυτό

Περαστικός - 0
Νέος Χρήστης - 20
Μέλος - 50
Κάτοικος - 150
Πρεσβύτερος - 300
Βετεράνος - 500

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

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

1 όμορφο MenuBar [PunBB] Την / Το 24/2/2013, 09:11

Mastersly

ΦώτοΝτοσιέΕπαφές
avatar




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

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



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