Cikkajánló
Kicsit azt hiszem színesre sikeredett az új kinézet. Most valahogy ilyen kedvem van. Ebből kifolyólag a következő design jóval letisztultabb lesz, mert sokáig nem tudom elnézni a túl csicsás
Kellemes karácsonyi ünnepeket kívánok minden kedves látogatómnak! Teljen nagyon jól az ünnep! :)   Kapcsolódó bejegyzések Hogyan keressünk rá ékezetes betűkre? Sokszor feltűnik, hogy használtok egyedi betűtípust a Google
Le szeretném szögezni, hogy nem azért gyűjtöm egy csokorba össze a G-Portálos CSS kódokat, hogy azután azok megjelenjenek más portálépítős oldalakon, mint például “hoztam egy új CSS kódot a
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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

lindadesign Hozzászólások
1 962 megtekintés

Hozzászólások