Neko

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.

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

Táblázat kódja

<table align="center" border="0" class="headtable">
    <tbody>
        <tr>
            <td class="headmodule1" style="vertical-align: top;">
                <img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1385816991_14.png" style="width: 198px; height: 149px;" /></td>
            <td class="headmodule2" style="vertical-align: top;">
                <img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1385816983_93.png" style="width: 198px; height: 149px;" /></td>
            <td class="headmodule1" style="vertical-align: top;">
                <img alt="" src="//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1385816975_22.png" style="width: 198px; height: 149px;" /></td>
        </tr> /* idáig képes rész */
        <tr>
            <td class="headmodule3" style="vertical-align: top;">
                Bárhol is jársz a honlapon, a főoldalra mindig egy kattintással visszatérhetsz.<br />
                <br />
                <a href="//aranymeli.gportal.hu">Megnézem</a></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="//aranymeli.gportal.hu/gindex.php?pg=20199690">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="//aranymeli.gportal.hu/gindex.php?pg=19322271">Megnézem</a></td>
        </tr>
    </tbody>
</table>

CSS kód a táblázathoz

<style type="text/css">
.headtable {
        HEIGHT: 100%; /* táblázat magassága */
        width: 600px; /* 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: 14px;
        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>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.