2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Vízszintes menü 04.

 

 

 

Menü kódja
 

<div id="menu">
    <ul>
        <li>
            <a href="/">Site</a>
        </li>
        <li>
            <a href="/">Graphics</a>
<ul>
                <li>
                    <a href="/">Brush-ok</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Segítségek</a>
<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>
<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;
        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>


2 094 megtekintés

Hozzászólások