![όμορφο MenuBar [PunBB] G5cJvhM](https://2img.net/h/i.imgur.com/G5cJvhM.png)
Φόρουμ![όμορφο MenuBar [PunBB] Df411](https://i.servimg.com/u/f41/14/31/03/27/df411.gif){kind=small}
![όμορφο MenuBar [PunBB] Dg21010](https://2img.net/h/r12.imgfast.net/users/1211/25/36/03/album/dg21010.gif){kind=small}
![όμορφο MenuBar [PunBB] Fg11110](https://2img.net/h/r12.imgfast.net/users/1211/25/36/03/album/fg11110.gif){kind=small}
1![όμορφο MenuBar [PunBB] Empty](https://2img.net/i/empty.gif)
όμορφο MenuBar [PunBB] 24/2/2013, 09:11
Mastersly
![όμορφο MenuBar [PunBB] FdoAT](https://i.imgur.com/fdoAT.png)
Post : 68
Ηλικία : 31
Τόπος : Kos
Για σας.
Σήμερα θα σας δείξω πως να κάνετε το Menubar σας όπως αυτό
![όμορφο MenuBar [PunBB] 800_a_12](https://i.servimg.com/u/f17/18/04/87/83/800_a_12.png)
μπαίνετε
Admin Panel >> Εμφάνιση >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
αν το menu bar δεν μπήκε στην θέση του και είναι κάπως έτσι
![όμορφο MenuBar [PunBB] 800_a_13](https://i.servimg.com/u/f17/18/04/87/83/800_a_13.png)
μπορείτε να το ρυθμίσετε σε αυτήν τον κώδικα
Σήμερα θα σας δείξω πως να κάνετε το 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);
