Tblzatos oldalmodulok

A nagy kinzetekhez (kznyelven 'html') igazn jl mutatnak a klnbz szls modulok, amiket a legegyszerbben tblzatokkal kell elkszteni.

Mieltt nekikezdenl, ksztsd el a szls modulodat egyben. Teht gy nzzen ki a vgeredmny:

Majd ahogy az bra is mutatja, vgd hrom rszre az alapot. Ezeket kln mentsd el, teht gy nzzenek ki:

Fogd ezt a hrom hozzvalt s tltsd fel a G-Portlos trhelyedre (vagy amit hasznlsz). Most kvetkezik a bekdols. Elszr ksztsk el a kdols css-beli rszt. Ezt illeszd be a css kdodba!

td.modulfejli {
background: url(//help-in-need.gportal.hu/portal/help-in-need/upload/715623_1341157306_04931.png);
font-family: georgia;
font-size: 13pt;
padding-top: 60px;
padding-bottom: 40px;c
color: white;
text-align: center;}
td.modulhatter {
background: url(//help-in-need.gportal.hu/portal/help-in-need/upload/715623_1341157306_05496.png);
font-family: georgia;
font-size: 9pt;
color: white; }
td.modulalja {
background: url(//help-in-need.gportal.hu/portal/help-in-need/upload/715623_1341157306_04380.png);
height: 121px; }
 
Ha pedig beilleszted a kdot, kvetkezzenek a tblzatok. Ahhoz ezekre lesz szksged, ezt illeszd be a jobb vagy bal oldali modulod forrskdjba. 
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 350px;">
<tbody>
  <tr>
   <td class="modulfejli" height="10">
Modulfejli</td>
  </tr>
  <tr>
  </tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 350px;">
<tbody>
  <tr>
   <td class="modulhatter" height="10" style="text-align: justify;">
szveg szveg szveg szveg szveg szveg
szveg szveg szveg szveg szveg szveg
szveg szveg szveg szveg szveg szveg
   </td>
  </tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 350px;">
<tbody>
  <tr>
   <td class="modulalja" height="121">
   </td>
  </tr>
  <tr>
  </tr>
</tbody>
</table>

Ami gy fog kinzni:

Modulfejli
szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg szveg
 

Ha mindent jl csinltl, ennyi az egsz, a csst ugyangy kell formzni, mint minden mst. Ne felejtsd el ress tenn a Modulfejlc megjelentve s a Modulkeret s -httr megjelentve ngyzetet!

TIPP: n sosem a cssben formzom a modulfejlc szvegt, hanem a psben alapbl rrom, gy egyszerbb s mutatsabb is. Annyi csak a nyitja, hogy akkor a backgroundot tedd transparentre s simn gy illeszd be a modulfejli felirat helyre a tblzatkdba: <img src="kpedlinkje"> 

delia, 2012. 07. 01.

 

* Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!    *****    Megjelent a Nintendo Switch 2 és a Mario Kart World! Ennek örömére megújítottam a Hungarian Super Mario Fan Club oldalt.    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    A PlayStation 3 átmeneti fiaskója után a PlayStation 4 ismét sikersztori volt. Ha kíváncsi vagy a történetére, katt ide!    *****    A Bakuten!! az egyik leginkább alulértékelt sportanime. Egyedi, mégis csodálatos alkotásról van szó. Itt olvashatsz róla    *****    A PlayStation 3-ra jelentõsen felborultak az erõviszonyok a konzolpiacon. Ha érdekel a PS3 története, akkor kattints ide    *****    Új mese a Mesetárban! Téged is vár, gyere bátran! Mese, mese, meskete - ha nem hiszed, nézz bele!    *****    Az Anya, ha mûvész - Beszélgetés Hernádi Judittal és lányával, Tarján Zsófival - 2025.05.08-án 18:00 -Corinthia Budapest    *****    &#10024; Egy receptes gyûjtemény, ahol a lélek is helyet kapott &#8211; ismerd meg a &#8222;Megóvlak&#8221; címû írást!    *****    Hímes tojás, nyuszipár, téged vár a Mesetár! Kukkants be hozzánk!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    Nagyon ütõs volt a Nintendo Switch 2 Direct! Elemzést a látottakról pedig itt olvashatsz!    *****    Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.