Javascript kód
A .js fájl innen letölthető. Letöltés után töltsd fel a tárhelyedre és a kódomban lévő URL-t cseréld le a sajátodra.
 

<script src="/js/fuggoleges-menu-04.js"></script>

Menü kódja
A / (per jel) helyére kell írnod a menüd hivatkozását.
 

<div align="center">
    <table align="center" border="0" cellpadding="3" cellspacing="1" style="left: 0px; width: 100%;">
        <tbody>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/"><b>01.</b>Brush-ok</a><br />
                    Válogass kedvedre!
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/"><b>02.</b> Hátterek</a><br />
                    Ha valami megtetszik...
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>03.</b> Ikonbázis</a><br />
                    Ikonok minden mennyiségben
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>04.</b> CSS kódok</a><br />
                    GP-re stílusok
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>05.</b> Tutorialok</a><br />
                    Képszerkesztő leírások
                </td>
            </tr>
            <tr>
                <td class="textinput" onmouseout="rowOutEffect(this)" onmouseover="rowOverEffect(this)" valign="top">
                    <a class="navi-link" href="/" target="_blank"><b>06.</b> Design-szettek</a><br />
                    Ingyen elvihető
                </td>
            </tr>
        </tbody>
    </table>
</div>

CSS kód
 

<style type="text/css">
.textinput { /* így látható a menü */
    padding: 4px 0 4px 8px;
    background-color: #e2d8d8;
    font-family: Trebuchet MS;
    font-size: 13px;
    color: #000000;
    line-height: 16px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #612C61;
}
.textinput_rollover { /* ez akkor látható, ha ráviszed az egeret a menüre */
    padding: 4px 0 4px 8px;
    background-color: #EAE3E3;
    font-family: Trebuchet MS;
    font-size: 13px;
    color: #666666;
    Line-Height: 16px;
    border-left-width: 6px;
    border-left-style: solid;
    border-left-color: #000000;
}
.navi-link { /* linkelés */
    font-family: Times New Roman;
    font-size: 16px;
    color: #612C61;
}
.navi-link:hover { /* linkelés */
    font-family: Times New Roman;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}
--></style>

3 286 megtekintés