Cikkajánló
Leírom, hogy én hogyan szoktam telepíteni és használni egy WordPress témát. Azért írom le, mert meglepő, de egy csomó kérdést kapok ezzel kapcsolatban. Az is igaz, hogy ha valami
Egy olyan beállításra hívnám fel a figyelmeteket, ami eléggé fontos lehet a szép kinézethez. Amióta elterjed, hogy a lehető legszélesebb fejlécet készíti a többség sajnos beleestek abba a hibába,
Sziasztok :) A napokban kissé elvoltam havazva, mert meg kellett csinálnom több mindenkinek is a kinézeteit rendelésre. Négy Coppermine galériát készítettem és három WordPress témát. És mivel ez itt
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ó
Vízszintes menü 04.

 

 

 

Menü kódja
 

<div id="menu">
    <ul>
        <li>
            <a href="/">Site</a>
        </li>
        <li>
            <a href="/">Graphics</a>
<ul>
                <li>
                    <a href="/">Brush-ok</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Segítségek</a>
<ul>
                <li>
                    <a href="/">CSS kódok</a>
                </li>
                <li>
                    <a href="/">CuteNews</a>
                </li>
                <li>
                    <a href="/">Coppermine galéria</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="/">Scripts</a>
<ul>
                <li>
                    <a href="/">Hulló effektek</a>
                </li>
                <li>
                    <a href="/">Linkeffektek</a>
                </li>
                <li>
                    <a href="/">Szövegdobozok</a>
                </li>
            </ul>
        </li>
    </ul>
</div>


CSS kód
 

<style type="text/css">
#menu {
        text-align: center;
        width: 100%;
}
#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
#menu a {
        font: normal 13px arial, sans-serif;
        display: block;
        padding: 9px;
        color: #fbceb1;
        background: #1b1c16;
        text-decoration: none;
}
#menu a:hover {
        color: #1b1c16;
        background: #fbceb1;
}
#menu li {
        position: relative;
        float: left;
        width: 120px;
}
#menu ul ul {
        position: absolute;
        left: 0px;
        display: none;
}
#menu ul li:hover ul{
        display: block;
}</style>

lindadesign Hozzászólások
2 047 megtekintés

Hozzászólások