Menü kódja
 

<div class="linkbar">
    <p>
        <a href="/">Menücím</a> <a href="/"> Menücím </a> <a href="/" target="_blank"> Menücím </a>
    </p>
</div>

CSS kód
 

<style type="text/css">
.linkbar a {
    font-family: Arial;
    color: #f2f2f2;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #633D16;
    border-bottom: 4px solid #F6F6F6;
    height: 30px;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
    padding-left: 6px;
    width: 250px;
    display:block;
}
.linkbar a:hover {
    color: #f2f2f2;
    background-color: #000000;
    text-align: right;
    padding-right: 6px;
    padding-left: 0px;
}</style>

2 615 megtekintés