2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Vízszintes menü 11.
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>


1 898 megtekintés

Hozzászólások