Neko

• Főoldal
• CSS kódok
• Grafika
• Leírások
• Kapcsolat

Menü kódja

<ul class="horizontal">
    <li>
        <a class="horizonttext" href="http://">Főoldal</a>
    </li>
    <li>
        <a class="horizonttext" href="http://">CSS kódok</a>
    </li>
    <li>
        <a class="horizonttext" href="http://">Grafika</a>
    </li>
    <li>
        <a class="horizonttext" href="http://">Leírások</a>
    </li>
    <li>
        <a class="horizonttext" href="http://">Kapcsolat</a>
    </li>
</ul>

CSS kód

<style type="text/css">
.horizontal {
    border-bottom:5px solid #5B7967; /* alsó aláhúzás */
    border-top:5px solid #000000; /* felső aláhúzás */
    list-style:none; /* marad! */
    margin:0; /* marad! */
    padding:0; /* marad! */
    text-align:center; /* marad! */
}
.horizontal li {
    display:inline; /* marad! */
}
.horizontal a {
    display:inline-block; /* marad! */
    padding:10px; /* aláhúzás és a szöveg közti táv */
}
.horizonttext {
    font-family: Trebuchet MS;
    font-size: 18px !important; /* szöveg mérete */
    color: #252525 !important; /* betűszín */
    text-decoration: none;
}
.horizonttext:hover {
    color: #8BA796 !important; /* betűszín */
    text-decoration: none;
}
--></style>

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

Frissítés

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