Demó:

Juni 21 Cím írta: XY 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

 Két kód szükséges ehhez:
Az egyikben a táblázat és a tartalom van, ezt a kódot kell beraknod egyszerű modul forráskódjába, majd szerkesztői nézetben átírhatod a tartalmat, kicserélheted a képet. Többször egymás után rakhatod.

1.Kód:

<table height="141" width="300" align="center" border="1" style="border-right: #86281f 1px solid; border-top: #86281f 1px solid; border-left: #86281f 1px solid; border-bottom: #86281f 1px solid">
    <tbody>        <tr>        <td>      <table height="37" cellspacing="0" cellpadding="0" width="300" border="0">    <tbody>   <tr>    <td class="datum" rowspan="3" style="width: 30px; height: 0px; text-align: center">Juni<br />     21</td>     </tr>     <tr>     <td class="cim">Cím</td>                    </tr>                    <tr>    <td class="irta">írta: XY</td>   </tr>  </tbody>  </table>   <table height="21" cellspacing="0" cellpadding="0" width="100%" border="0">   <tbody>     <tr>        <td class="kep" valign="top" nowrap="nowrap" align="left"><img style="border-right: medium none; border-top: medium none; border-left: medium none; border-bottom: medium none" alt="" src="//gportal.hu/portal/nevek/image/gallery/1214584865_91.gif" /></td>    <td class="tartalom" style="text-align: justify">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</td>    </tr>     </tbody>     </table>

A másik kód egy CSS, amiben meghatározhatod a táblázat tulajdonságait. Ezt a kódot jobb/bal oldali egyszerű modul forráskódjába illeszd be. A kódban találsz magyarázatot, amellyel könnyedén testreszabhatod. A magyarázatot nem kell törölnöd a kódból, így is működőképes: link a CSS kódhoz. Megj.: a keretet a táblázat kódban tudod átszínezni (border).

IDE kattintva találsz kész CSS-ket a táblázathoz.