Ennek ugyanaz a l�nyege, mint a m�r ismert K�l�nleges modulst�lusnak, csak a kivitelez�se m�s, egyszer�bb. Szint�n k�t k�dra van sz�ks�g, ahogy m�r eml�tett�k, szimpl�n CSS-vel nem lehet megoldani.

DIV id
Egyszer� modul forr�sk�dj�ba kell illesztened. Oda, ahol meg szeretn�d jelen�teni ezt a kin�zetet. Szerkeszt�i n�zetben �rhatsz bele nyugodtan.

<div id="total">
<div id="fejlec">Modul neve</div>
<div id="tartalom">
<div id="szelesseg">Ide j�n a tartalom!</div>
</div>
<div id="lablec">ide j�het pl. d�tum</div>
</div>

CSS:
A CSS k�dban lehet meghat�rozni a kin�zetet. Itt kell megadnod a k�peket,  ami 3 k�l�nb�z� k�p. Kell egy k�p, ami lesz a "modul" fejl�ce, kell egy, ami a k�zepe lesz, teh�t, ahov� a tartalom ker�l, s kell egy, ami az alja (l�bl�c) lesz. �rtelemszer�en a k�pek sz�less�ge egyezzen meg. Legjobb megold�s, ha valamilyen grafikai programban szerkesztesz egy neked tetsz� sz�vegdobozt, majd, ha elk�sz�lt, akkor 3 r�szre v�god, �gy biztos, minden j�l fog passzolni. A k�dot egy bal/jobb oldali modul forr�sk�dj�ba rakd be, �gy b�rmelyik modulba is raktad a div id-t, mindegyik ez alapj�n fog megjelenni. Az�rt is aj�nlatosabb oldals� modulba tenni, mivel �gy designv�lt�sn�l egyszer�en csak ezt a CSS-t kell �talak�tanod, nem kell minden egyes div id-be beleny�lni. A k�dban jel�lt�k, hogy hol mit kell megadni. Term�szetesen a k�d a magyar�zattal egy�tt m�k�dik, nem kell t�r�ln�d.
Megj.: a tartalom k�phez elegend� egy kisebb m�ret� k�p is, ugyanis ism�tl�dni fog.

Modulst�lusok k�pekben - modulst�lusokr�l k�pek, amelyeket csak sz�t kell v�gnod, felt�lt�s ut�n be kell illesztened CSS-be, ak�r �t is szerkesztheted �ket

S itt a CSS, amire sz�ks�ged van:

<style type="text/css">

#fejlec {
background:url("http://") no-repeat;   /* fejl�c url c�me */
font-family: verdana;    /* bet�t�pus */
font-size: 14pt;          /* bet�m�ret */
font-weight: bold;      /* bet� vastags�g, ha nem akarod, �rd: normal */
padding-left: 80px;   /* modul nev�nek helye bal oldalt�l */
padding-right: 30px;  /* modul nev�nek helye jobb oldalt�l  */
height: auto;     /* ezt hagyd �gy */
width: auto;      /* ezt hagyd �gy */
line-height: 100px;   /* a fejl�c magass�g�t add meg itt */
color: #9a002c; }   /* bet�sz�n */

#total {
width: 431px;}  /* itt add meg a modul sz�less�g�t, teh�t a k�pek sz�less�g�t */

#szelesseg {
width: 400px;} /* itt add meg a tartalom sz�less�g�t, aj�nlott 1-2 pixellel kisebbet megadni, mint a tot�l, illetve, ha van keret, akkor azt is sz�mold le */

 #tartalom {      
background:url("http://") repeat-y;  /* tartalom k�p�nek url c�me */
text-align: justify;    /* sz�veg igaz�t�sa, jelenleg sorkiz�rt, lehet m�g bal, jobb, k�z�p: left, right, center */
font-size: 8pt;    /* bet�m�ret */
color: #004d58;  /* bet�sz�n */
padding-left: 30px; } /* tartalom a modul bal oldal�t�l */

#lablec {
background:url("http://") no-repeat;  /* l�bl�c url c�me */
height: 72px;        /* l�bl�c magass�ga */
font-family: verdana;  /* bet�t�pus */
font-size: 7pt;   /* bet�m�ret */
font-weight: bold;    /* bet� vastags�g, ha nem akarod, �rd: normal */
color: #71b6c2;  /* bet�sz�n */
padding-left: 300px;  /* l�bl�c sz�vege a modul bal oldal�t�l */
padding-top: 30px;}  /* l�bl�c sz�vege a l�bl�c tetej�t�l */
 </style>