Legördülő menü 7.
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>
|