Until The End Design

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>