2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Vízszintes menü 17.

 

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>

 

Forrás: link


2 006 megtekintés

Hozzászólások