Neko

Menü kódja

<div id="menu">
<ul>
<li>
            <a href="/">Site</a>
        </li>
<li>
            <a href="/">Graphics</a><p></p>
<ul>
<li>
                    <a href="/">Brush-ok</a>
                </li>
</ul>
</li>
<li>
            <a href="/">Segítségek</a><p></p>
<ul>
<li>
                    <a href="/">CSS kódok</a>
                </li>
<li>
                    <a href="/">CuteNews</a>
                </li>
<li>
                    <a href="/">Coppermine galéria</a>
                </li>
</ul>
</li>
<li>
            <a href="/">Scripts</a><p></p>
<ul>
<li>
                    <a href="/">Hulló effektek</a>
                </li>
<li>
                    <a href="/">Linkeffektek</a>
                </li>
<li>
                    <a href="/">Szövegdobozok</a>
                </li>
</ul>
</li>
</ul>
</div>

CSS kód

<style type="text/css">
#menu {
        text-align: center;
        width: 100%;
}
#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
#menu a {
        font: normal 13px arial, sans-serif;
        display: block;
        padding: 9px;
        color: #fbceb1;
        background: #1b1c16;
        text-decoration: none;
}
#menu a:hover {
        color: #1b1c16 !important;
        background: #fbceb1;
}
#menu li {
        position: relative;
        float: left;
        width: 120px;
}
#menu ul ul {
        position: absolute;
        left: 0px;
        display: none;
}
#menu ul li:hover ul{
        display: block;
}</style>

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

Frissítés

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