Bárhol is jársz a honlapon, a főoldalra mindig egy kattintással visszatérhetsz.   Megnézem	Tanuld meg a G-Portálos honlapszerkesztés fortélyait az alapoktól a haladó tudásig. Megnézem	Hátterek, brush-ok, csillogó képek, PNG-k, PSD-k, egyedi modulstílusok. Minden egy helyen. Megnézem

Ez a menüstílus egyszer csak kipattant a fejemből. Semmi extra dolgot nem tartalmaz. Sima táblázat benne képek és szöveg. És ehhez hozzárendeltem egy CSS kódot. Ha több, mint 3 menüt szeretnél, akkor cellákat kell még hozzáadni a táblázathoz. Vagy a kódban egy újabb sort készíteni azokról, amiket kiemeltem. Egyszer ugye a képes részről és egyszer pedig a szöveges részről. Amiket kiemeltem azokat másold egymás alá addig, amíg meg nem lesz annyi menüpont, amennyit szeretnél.
 

G-Portálosoknak: A menüt a szerkeszthető fejléc moduljába kell beilleszteni, amit a Stílus és felületben lehet bekapcsolni.
 

Menü kódja
 

<table align="center" border="0" class="headtable">
    <tbody>
        <tr>
            <td class="headmodule1" style="vertical-align: top;">
                <img alt="" src="/images/scripts/menustilusok/vizszintes-menu/vizszintes-menu-10.png" style="width: 190px; height: 143px;" />
            </td>
            <td class="headmodule2" style="vertical-align: top;">
                <img alt="" src="/images/scripts/menustilusok/vizszintes-menu/vizszintes-menu-10-01.png" style="width: 190px; height: 143px;" />
            </td>
            <td class="headmodule1" style="vertical-align: top;">
                <img alt="" src="/images/scripts/menustilusok/vizszintes-menu/vizszintes-menu-10-02.png" style="width: 190px; height: 143px;" />
            </td>
        </tr>
        <tr>
            <td class="headmodule3" style="vertical-align: top;">
                Bárhol is jársz a honlapon, a főoldalra mindig egy kattintással visszatérhetsz.
                <p>
                    &nbsp;
                </p>

 

 

                <p>
                    <a href="/">Megnézem</a>
                </p>
            </td>
            <td class="headmodule4" style="vertical-align: top;">
                Tanuld meg a G-Portálos honlapszerkesztés fortélyait az alapoktól a haladó tudásig.<br />
                <a href="/">Megnézem</a>
            </td>
            <td class="headmodule3" style="vertical-align: top;">
                Hátterek, brush-ok, csillogó képek, PNG-k, PSD-k, egyedi modulstílusok. Minden egy helyen.<br />
                <a href="/">Megnézem</a>
            </td>
        </tr>
    </tbody>
</table>

CSS kód
 

<style type="text/css">
.headtable {
        HEIGHT: 100%; /* táblázat magassága */
        width: 570px; /* menü szélessége */
}
.headmodule1 { /* 1. kép modul css-e */
        background:#F3EFDE;
}
.headmodule2 { /* 2. kép modul css-s */
        background:#F8F4E9;
}
.headmodule3 { /* 1. szöveg modul css-e */
        background:#F3EFDE;
        font-family: century gothic;
        color: #616168;
        font-size: 13px;
        text-align: justify;
        padding: 8px;
}
.headmodule4 { /* 2. szöveg modul css-e */
        background:#F8F4E9;
        font-family: century gothic;
        color: #616168;
        font-size: 14px;
        text-align: justify;
        padding: 8px;
}</style>

2 158 megtekintés