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
Készítettem egy új G-Portálos kinézetet. Nagyon szeretem az Univerzumos képeket, így most egy ilyen kinézet született. A téma átalakítható bárhogyan, de mivel az alap kód tőlem van, így ha
Sosem hittem volna, hogy elérkezik valamikor az a nap, hogy elköltöztetem a honlapomat G-Portálról. Nagyon régóta ott motoszkált az agyamban valahol hátul, hogy esetleg mi lenne, ha…, de aztán
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ü 06.


Menü kódja
 

<div id="vertmenu">
    <h1>
        Navigation
    </h1>
<ul>
        <li>
            <a href="#" tabindex="1">Home</a>
        </li>
        <li>
            <a href="#" tabindex="2">About Us</a>
        </li>
        <li>
            <a href="#" tabindex="3">Computing</a>
        </li>
        <li>
            <a href="#" tabindex="4">Web Sites</a>
        </li>
        <li>
            <a href="#" tabindex="5">Games</a>
        </li>
        <li>
            <a href="#" tabindex="6">Links</a>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
#vertmenu { /* a menü szélessége, betűtípusa, stb */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 250px;
    padding: 0px;
    margin: 0px;
}
#vertmenu ul li a { /* a link színe, stílusa, stb */
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #666666;
    width:257px;
}
#vertmenu ul li a:hover, #vertmenu ul li a:focus { /* ha ráviszed az egeret a linkre */
    color: #000000;
    background-color: #FBFBFB;
    border: 1px solid #eeeeee;
}
#vertmenu h1 { /* a menü címe, háttere, stb */
    font-family: Times New Roman;
    display: block;
    background-color: #612C61;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 2px;
    color: #f2f2f2;
    width: 250px;
    text-align: center;
}
#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}</style>

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

Hozzászólások