navigation menu 05# >> css

<style type="text/css">
.sticky { /* menü elhelyezkedése, szélessége, ehhez ne nyúlj */
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}
.nav {
    position: -webkit-sticky;
    top: 0;
    height: px!important;
    padding: 20px; /* a menü tartalma mennyire legyen távol az alap szélektől */
    background-color: #000000; /* menücsík háttérszíne */
    text-align: center; /* menütartalom elhelyezkedése */
    z-index: 1;
}

mn a:link, mn a:visited { /* menü linkjei */
    color: #ffffff; /* betűszín */
    background-color: #000000; /* háttérszín */
    letter-spacing: 2px; /* betűk közötti távolság */
    text-decoration: none; /* nincs aláhúzás */
    text-transform: uppercase; /* nagybetűs */
    font-family: Century Gothic; /* betűtípus */
    font-size: 12px; /* betűméret */
    font-weight: normal; /* nem félkövér */
    font-style: normal; /* nem dőlt */
    padding: 10px; /* a szöveg háttértől való távolsága */
    word-spacing: 15px; /* szavak közötti távolság */
    border-bottom: 3px solid #000000; /* alsó keret */
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

mn a:hover, mn a:active { /* menü linkjei ha ráviszed az egeret */
    color: #ffffff; /* betűszín */
    background-color: #1d1d1d; /* háttérszín */
    letter-spacing: 2px; /* betűk közötti távolság */
    font-family: Century Gothic; /* betűtípus */
    font-size: 12px; /* betűméret */
    font-weight: normal; /* nem félkövér */
    font-style: normal; /* nem dőlt */
    text-decoration: none; /* nincs aláhúzás */
    text-transform: uppercase; /* nagybetűs */
    padding: 10px; /* a szöveg háttértől való távolsága */
    word-spacing: 15px; /* szavak közötti távolság */
    border-bottom: 3px solid #ffffff; /* alsó keret */
    text-shadow: 0px; /* nincs árnyék */
}
</style>