#HTML kód 2.

Sziasztok! Hoztam egy újabb HTML kódot nektek. Remélem hasznotokra válik. Ha valamit nem értenétek esetleg nem sikerülne nyugodtan jelezzetek. Ha vitted valamelyik HTML-t kérlek PIPÁLJ vagy írj MEGJEGYZÉST! Figyelem!  Ahol látjátok a blog URL linkjét ott cseréljétek ki a tietekre, szintúgy a menü nevét. ZÖLDDEL fogom kijelölni mit cserélj!

Hogyan tegyem be és hova?
Ez egy kis segítség azoknak akik kezdők még a blogolásban!
blogger.com --> *megnyitod a kiválasztott blogot* --> elrendezés --> modul hozzáadása --> HTML/javascript --> *beilleszted a kimásolt kódot*

CSS kódja [menü HTML]

CSS kód
<style type="text/css">
#menu {
        width: 200px;
        text-align: center;
}

#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;zz
        background-color: #ffffff;
}

#menu a {
        font-family: verdana, tahoma, arial, sans-serif;
        font-size: 11px;
        display: block;
        margin: 0;
        padding: 2px 3px;
        color: #666666;
        background: #F4F6F4;
        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>

Menükódja:

<div id="menu">
    <ul>
        <li>
            <a href="http://aranymeli.gportal.hu/">Home</a></li>
        <li>
            <a href="http://aranymeli.gportal.hu/gindex.php?pg=20199690">Segítségek</a>
            <ul>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=30882859">CuteNews</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=20540035">Coppermine Gallery</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=18836890">CSS kódok</a></li>
            </ul>
        </li>
        <li>
            <a href="http://aranymeli.gportal.hu/gindex.php?pg=19322271">Graphics</a>
            <ul>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=31853544">Brush-es</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=31853545">Hátterek</a></li>
                <li>
                    <a href="http://aranymeli.gportal.hu/gindex.php?pg=33127082">PNG képek</a></li>
            </ul>
        </li>
        <li>
            <a href="http://aranymeli.gportal.hu/gindex.php?pg=18012139">Scripts</a></li>
    </ul>
</div>