Cikkajánló
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
Kellemes estét :) Hoztam mára még négyféle project szövegdobozt és kilencféle elit csere ikon effektet. Az összes egyesével megnézhető az alábbi linkeken. Válogassatok :) A project dobozoknál és az
Ha már elsőnek leírtam a rendes táblázat készítését, gondoltam leírok még egy verziót, mikor nem táblázatban, hanem DIV kódba teszitek a tartalmat. Nekem személy szerint egyre megy. Kinézetre úgy
Prémium téma | Zendaya Coleman G-Portálos téma 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
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 972 megtekintés

Hozzászólások