Ide firk�lhatsz :). A dobozod magass�ga att�l f�gg, hogy mennyit �rsz bele! Ak�r k�pet is illeszthetsz be!

         
 

El�g kacif�ntos c�met siker�lt neki adni :D. A dem�ban l�thatj�tok, hogy l�nyeg�ben mir�l van sz�. Ezt dobozt haszn�lhatj�tok b�rmire, friss�t�sek ki�r�s�ra, de ak�r blogbejegyz�sekn�l is j�l mutathat.
A haszn�lata egyszer�: fogod a k�dot, bem�solod forr�sk�dba, majd rendes szerkeszt�i n�zetbe visszat�rve k�tszer kattintasz az �ltalunk �rt tartalomra. Ekkor megjelenik a sz�vegdoboz, amibe �rhatsz, k�pet illeszthetsz be stb. Ugyan�gy a c�m �s d�tum megad�s�n�l. (Mozzila eset�n el�g csak egyszer kattintani) Term�szetesen a f�lecske mell� b�rmi m�s is �rhat�. A sz�less�g�t is �ll�thatod ak�r a k�dba piszk�l�s n�lk�l. Kattints a sz�rke r�szre, ekkor kijel�li, majd jobb oldalr�l h�zd a bal oldal fel�.

Aki pedig bele szeretne ny�lni a k�dba: a k�d k�t f� r�szb�l �ll, a CSS-b�l �s a DIV-b�l.

CSS:
Ez is k�t r�szb�l �ll: commentbox �s commentfooter. A commentboxn�l adhatod meg a sz�vegdoboz h�tt�rsz�n�t (background-color: #ececec;), a sz�less�g�t (width: 450px;), illetve a marg�t, teh�t, hogy h�ny pixelre legyen a tartalom a doboz sz�l�t�l (padding: 10px;). A commentfootern�l lehet megadni a f�let a backgroundn�l. Ezzel a r�sszel nem kell foglalkoznod, kiv�ve, ha m�s sz�n� dobozt haszn�ln�l. Ebben az esetben mentsd le a f�let, a sz�rke r�szt sz�nezd �t olyanra, amilyen sz�nt megadt�l a doboz h�tter�nek, t�ltsd fel, s cser�ld ki az url-t.

DIV:
A v�ltozatoss�g kedv��rt k�t r�szb�l �ll:
div class="commentbox": Itt megadhatod a magass�got (height), b�r igaz�b�l felesleges, mivel a tartalomt�l f�gg�en v�ltozik, illetve itt lehet megadni a tartalmat.
div class="commentfooter": itt adhatod meg azt a sz�veget, ami a f�lecske mell� ker�l, a mi p�ld�nk szerint a c�met �s a d�tumot.

K�d:
<style type="text/css">

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url("//nevek.gportal.hu/portal/nevek/image/gallery/1270472934_47.png") 20px 0 no-repeat;
padding-left: 58px;
padding-top: 4px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
height: 18px;
}</style>

<div class="commentbox" style="height: 183px">Ide firk�lhatsz :). A dobozod magass�ga att�l f�gg, hogy mennyit �rsz bele! Ak�r k�pet is illeszthetsz be!<br />
<br />
<img alt="" src="//nevek.gportal.hu/portal/nevek/image/gallery/1203235841_13.png" />&#160;&#160;&#160; &#160;<img alt="" src="//nevek.gportal.hu/portal/nevek/image/gallery/1203235936_70.jpg" />&#160; &#160;&#160; <img alt="" src="//nevek.gportal.hu/portal/nevek/image/gallery/1216926542_07.gif" /><br />
&#160;</div>
<div class="commentfooter">C�m: dem�. D�tum: 2010.04.05.</div>