Neko

Menü kódja

<div id="menu_div">
<div id="navigationbg">
<div id="menu">
<ul id="nav">
<li><a href="//aranymeli.gportal.hu/">Főoldal</a></li>
<li><a href="//aranymeli.gportal.hu/gindex.php?pg=20199690">Leírások</a></li>
<li><a href="//aranymeli.gportal.hu/gindex.php?pg=19322271">Grafika</a></li>
<li><a href="//aranymeli.gportal.hu/gindex.php?pg=18012139">Kódok</a></li>
<li><a href="//aranymeli.gportal.hu/gindex.php?pg=24588232">Az oldalról</a></li>
<li> <a href="//aranymeli.gportal.hu/belepes">Belépés</a></li>
</ul></div></div></div>

CSS kód

<style type="text/css">
#navigationbg { /* Menü sáv háttérszíne */
    background: #000000;
}

#nav li a, #nav li a:hover { /* Menüben a link színe */
    color: #ffffff;
}

#nav li a:hover  { /* Menüben a link színe, ha ráviszed az egeret */
    background: #2F4F4F;
}

#nav li a, #nav li a:hover { /* árnyék a szövegnek */
    text-shadow: 0 1px 1px #333;
}

#menu_div{ /* menü helyzete */
    padding:0;
    margin:0;
    list-style:none;
    position:absolute;
    top:0px;
    left:0px;
}

#navigationbg { /* menü helyzete */
    position: fixed;
}

#navigationbg, #menu_div { /* menü helyzete */
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

#menu_div, #navigationbg, #menu, #nav { /* menüsáv magassága */
    height: 55px;
}

#menu_div:hover, #navigationbg:hover, #nav li a:hover, #nav li ul a { /* Menü átlátszósága, ha ráviszed az egeret*/
}

#menu_div, #navigationbg, #nav li a, #menu_div:not(:hover), #navigationbg:not(:hover) {
    opacity: 0.9;/* menü átlátszósága */
}

#menu {
    width: 525px; /* nem a sáv, csak a menük össz. szélessége */
    margin:0 auto;
    padding:0;
    position: relative;
}

#nav { /* betűtípus */
    width:960px;
    margin:0;
    padding:0px;
    position: relative;
    font-family: 'Arial', Helvetica, sans-serif;
}

#nav li a,#nav li {
    float:left;
}

#nav li {
    list-style:none;
    position:relative;
}

#nav li a {
    line-height: 55px; /* menücímek helyzete fentről */
    padding:0 15px;
    text-decoration:none;
    margin:0;
    font-size:12px; /* betű mérete */
    font-weight:bold; /* vastagsága */
    text-transform:uppercase; /* minden nagybetű */
}
--></style>
 

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.