Haladóknak : Több modul egyszerű modulban, hogyan? |
Több modul egyszerű modulban, hogyan?
Biztosan láttál már olyan oldalakat, ahol úgy tűnt, hogy pl. a középen található frissítéseket a szerkesztő több egyszerű modulba írja, amik közel, egymás alatt jelennek meg. Nos, ez részben igaz, hiszen valóban egyszerű modult kell használni, viszont csak egy kell és ez a kód. Ezt a kódot annyiszor rakod egymás után amennyiszer akarod. A kód felveszi a CSS-ben megadott modulfejléc és modulháttér tulajdonságait, tehát okézás után passzolni fog az oldaladhoz. Azon ne lepődj meg, hogy a szerkesztődben csak egyszerű táblázatnak fog tűnni, ugyanis szerkesztés során nem érzékeli a CSS-t. Ha nem használsz CSS kódot, akkor sincs gond, a G-Portál stílusok is CSS-k, tehát ez a kód ugyanúgy felveszi a választott stílusod kinézetet is.
Demó:
Cím |
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom
|
Cím |
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom
|
Cím |
Tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom
|
A kódban a width értékét átírhatod, viszont hiába írsz pont akkora értéket, mint a modulod szélessége, nem fog teljesen a széléig kiérni, ezen ne lepődj meg. A legjobb hatás elérése érdekében, azt ajánlom, hogy a modulfejlécet vedd le (tudod, szerkesztőben az első pipa). A kódot a szövegszerkesztő forráskódjába illeszd be, ezután visszamehetsz rendes szerkesztői nézetbe, a táblázatban szereplő adatokat pedig átírhatod, ezt nem szükséges a kódban megtenni.
Kód:
<table class="module" cellspacing="0" cellpadding="0" border="0" style="width: 430px; height: 0px">
<tbody>
<tr>
<td class="modtitle">Cím</td>
</tr>
<tr>
<td class="modbody">
<p><span>Tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom tartalom </span></p>
</td>
</tr>
</tbody>
</table>
|