Menü kódja
<div id="hmenu">
<ul>
<li>
<a href="ide jön a menü linkje">Főoldal</a>
</li>
<li>
<a href="ide jön a menü linkje">Grafika</a>
</li>
<li>
<a href="ide jön a menü linkje">Leírások</a>
</li>
<li>
<a href="ide jön a menü linkje">CSS kódok</a>
</li>
<li>
<a href="ide jön a menü linkje">Photoshop</a>
</li>
<li>
<a href="ide jön a menü linkje">Oldal</a>
</li>
</ul>
</div>
CSS kód
<style type="text/css">
div#hmenu {
margin: 0;
padding: 10px 0 10px 0;
background-color: #2A2A2A;
width: 100%;
text-align: center;
}
div#hmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
div#hmenu ul li {
margin: 0;
padding: 0;
display: inline;
}
div#hmenu ul a:link, div#hmenu ul a:visited{
margin: 0;
padding: 5px 10px 5px 10px;
font-family: Trebuchet MS;
text-transform: uppercase;
text-decoration: none;
font-weight: normal;
font-size: 12px;
color: #ffffff;
}
div#hmenu ul a:hover{
text-decoration: none;
color: #ffffff;
background-color: #0080c0;
}</style>
Forrás: link
3 277 megtekintés