Cikkajánló
Hoztam egy egyszerű de mutatós CSS idézetblokkot. Egy kicsit a sima hagyományos idézetblokkot átalakítottam. Hasonló kinézeteket már biztosan láttatok egyes oldalakon. G-Portálon és rendes HTML oldalon is ugyanaz a
Biztos gondoltatok már rá, milyen jó lenne, ha nem csak úgy lehetne kiemelt képet beállítani az oldalra, ha azt előtte feltöltjük, hanem simán mondjuk URL cím megadásával is lehessen,
Újabb három darab projektdobozt készítettem. Ezeken a CSS kóddal simán lehet alakítani. Lehetnek kisebbek, nagyobban, más színűek is, de hisz ezeket tudjátok. Ahogy eddig is az egyes modulokban be
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ó
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
2 020 megtekintés

Hozzászólások