Cikkajánló
Ez a cikk kérésre született meg, de valószínű előbb-utóbb magam is írtam volna róla, mert sajnos nagyon sok olyan szerkesztő van, aki valamilyen módon, de nagyon irritáló tud lenni.
Újabb teljes kinézetet készítettem G-Portál-ra. A design átalakítható, de minden esetben kötelező a forrás feltüntetése linkelve. Ezzel együtt Emilia Clarke-os .png képek is készültek összesen 22 darab, amiket pedig
Mielőtt megörülnétek, nem, nem lett a G-Portálon ilyen funkció. Ezt magunknak kell elkészíteni. Viszont, mivel sok mindenki használja a szélső sávban a címkéket felsorolás jellegűen, így készítettem egy tök
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ü 01.

 

Menü kódja
 

<div id="menu">
    <ul>
        <li>
            <a href="/">Home</a>
        </li>
        <li>
            <a href="/">Segítségek</a>
            <ul>
                <li>
                    <a href="/">CuteNews</a>
                </li>
                <li>
                    <a href="/">Coppermine Gallery</a>
                </li>
                <li>
                    <a href="/">CSS kódok</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Graphics</a>
            <ul>
                <li>
                    <a href="/">Brush-es</a>
                </li>
                <li>
                    <a href="/">Hátterek</a>
                </li>
                <li>
                    <a href="/">PNG képek</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Scripts</a>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
#menu {
        width: 200px;
        text-align: center;
}
#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;zz
}
#menu a {
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 6px;
        color: #f2f2f2;
        background: #953100;
        text-decoration: none;
        border: 1px solid #ffffff;
}
#menu a:hover {
        color: #72815F;
        background: #DAE6BD;
        cursor: crosshair;
}
#menu li {
        position: relative;
        padding: 0;
}
#menu ul li ul {
        position: absolute;
        top: 0;
        left: 100%;
        width: 200px;
}
#menu ul li ul{
        display: none;
}
#menu ul li:hover ul{
        display: block;
}</style>

lindadesign Hozzászólások
3 776 megtekintés

Hozzászólások