Cikkajánló
Elkészült az oldal legújabb kinézete. Kicsit ősziesebbre sikeredett, de nem is baj, mert hát már lassan ősz van. Most, hogy egy kicsit több időm volt végre foglalkozni az oldallal,
A költözésem alatt volt lehetőségem több ingyenes tárhelyet kipróbálni, mert hát egy ilyen tartalmas oldalt nem lehetett egyik napról a másikra elköltöztetni, így ingyenes tárhelyekre regisztráltam először és ott
A WordPress-nek vannak beépített widget alkalmazásai, amik megjelennek a szélső sávban, ha a WordPress – Megjelenés – Widgetek menüben ezt beállítjátok. De egy saját készítésű sablonban csak úgy nem
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
Függőleges menü 07.


Menü kódja
 

<div id="vertmenu">
    <h1>
        Navigation
    </h1><ul>

        <li>
            <a href="/" tabindex="1">Főoldal</a>
        </li>
        <li>
            <a href="/" tabindex="2">Kódok</a>
        </li>
        <li>
            <a href="/" tabindex="3">Segítségek</a>
        </li>
        <li>
            <a href="/" tabindex="4">Grafika</a>
        </li>
        <li>
            <a href="/" tabindex="5">Galéria</a>
        </li>
        <li>
            <a href="/" tabindex="6">Az oldalról</a>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
#vertmenu h1 { /* a menü címe, háttere, stb */
    display: block;
    background-color: #5B7967;
    font-family: Trebuchet MS;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px;
    border: 0px solid #000000;
    color: #f2f2f2;
    width: 280px;
    text-align: center;
}
#vertmenu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}
#vertmenu ul li {
    margin: 0px;
    padding: 0px;
}
#vertmenu ul li a { /* a link színe, stílusa, stb */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    display: block;
    border-bottom: 1px dashed #999999;
    padding: 5px;
    text-decoration: none;
    color: #666666;
    width:289px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus { /* ha ráviszed az egeret a linkre */
    color: #000000;
    background-color: #eeeeee;
}
</style>

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

Hozzászólások