Neko

Menükód

<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;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #D8D8D8;
}

div#hmenu ul a:hover{
   margin: 0;
   padding: 5px 10px 5px 10px;
   text-decoration: none;
   font-weight: bold;
   font-size: medium;
   color: #ffffff;
   background-color: #000000;
}
</style>

Forrás: http://html.cita.illinois.edu/nav/menu/menu-example-hrzt.php

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.