2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
20 napja
45 néző

WordPress themes

WordPress themes
21 napja
48 néző

G-Portál themes

G-Portál themes
21 napja
25 néző

Tumblr themes

Tumblr themes
21 napja
43 néző

Függőleges menü 01.

 

Menü kódja
 

<div id="menu">
    <ul>
        <li>
            <a href="/">Home</a>
        </li>
        <li>
            <a href="/">Segítségek</a>
            <ul>
                <li>
                    <a href="/">CuteNews</a>
                </li>
                <li>
                    <a href="/">Coppermine Gallery</a>
                </li>
                <li>
                    <a href="/">CSS kódok</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Graphics</a>
            <ul>
                <li>
                    <a href="/">Brush-es</a>
                </li>
                <li>
                    <a href="/">Hátterek</a>
                </li>
                <li>
                    <a href="/">PNG képek</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Scripts</a>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
#menu {
        width: 200px;
        text-align: center;
}
#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;zz
}
#menu a {
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 6px;
        color: #f2f2f2;
        background: #953100;
        text-decoration: none;
        border: 1px solid #ffffff;
}
#menu a:hover {
        color: #72815F;
        background: #DAE6BD;
        cursor: crosshair;
}
#menu li {
        position: relative;
        padding: 0;
}
#menu ul li ul {
        position: absolute;
        top: 0;
        left: 100%;
        width: 200px;
}
#menu ul li ul{
        display: none;
}
#menu ul li:hover ul{
        display: block;
}</style>


3 937 megtekintés

Hozzászólások