![]() |
![]() |
![]() |
Bárhol is jársz a honlapon, a főoldalra mindig egy kattintással visszatérhetsz.
|
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>
</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 486 megtekintés