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

2 632 megtekintés