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:
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.
|