Ebbe most nem �rok k�dokat, egyszer�en csak adok p�r tippet, hogy mit hogyan �rdemes megcsin�lni egy j� diz�jnhoz. N�lam kellett egy kis id�, m�g letisztult a fejemben a k�p, �s �gy egy el�g j�l �sszeszedett diz�jn kerekedett bel�le.

Ezzel a k�ddal lehet a modulokat lejjebb helyezni az oldal tetej�t�l.

Igaz�b�l egy sokat haszn�lt dologr�l van sz�, a padding-r�l, amit m�r t�bb helyen is alkalmaztunk.

Itt is lehet �ket, k�l�n a sz�ls� �s a k�z�ps� modulokra egyar�nt.

.column_main {

padding-top: 500px;}

.column_side {

padding-top: 300px;}

Ide nem csak a fels� (top), hanem ak�r a t�bbi oldalt is be lehet �rni, az�rt a jobb oldalt nem szok�s, �s az als�t sem �rdemes, de balra el leht �ket cs�sztatni. M�r akinek ehhez van kedve.

Na j� err�l m�gsem �rtam el�g r�szletesen, mivel ak�r azt is megtehetj�k, hogy nem egy h�tt�r van, hanem t�bb, �s azokat be kell poz�cion�lni, hogy ne egym�son legyenek.

P�ld�ul ha van egy fejl�ced, �s egy h�tt�r a modulok al�. Azt ugyanis szint�n be lehet �ll�tani, hogy a modulok milyen t�vols�gban legyenek az oldal tetej�t�l, amit szerintem m�g szint�n nem �rtam le.

�gy nem kell k�l�n a szerkeszthet� fejl�c, hanem csak bepoz�cion�lja az ember a modulokat, �s ut�na a h�ttereket is.

Ez a k�d hozz�:

background: url(img.jpg) right bottom no-repeat, url(img2.jpg) left top repeat;

R�szletes le�r�s a k�l�nb�z� r�szekr�l a legelej�n a blognak a Body t�m�n�l, de a fontosabb k�dokn�l is megtal�lhat�.

Az url a k�p url c�me ugye, a right bottom a poz�ci�, a repeat meg az ism�tl�s, vagy �ppen nem ism�tl�s.

Ha pontosan akarod �ket pixel szerint, vagy %-ra, akkor le�r�s a fontosabb k�dokban. T�bb h�tt�rhez vessz�vel el kell csak v�lasztani a sorokon bel�l.

background-image: url(img.jpg), url(img2.jpg);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;

A fejl�cemen van/volt egy dobokock�s k�p, ami igaz�b�l h�tt�rk�p, csak nincs ism�telve, �s balra van �ll�tva. Le�rom az�rt hogy ezt hogyan is oldottam meg. Am�gy t�bb k�p is megadhat� h�tt�rnek, csak poz�cion�lni kell, de valahol le is �rtam szerintem.

Tal�n a Body t�m�n�l.

Ezt a k�dot illesztettem be a fejl�c k�djai k�z�:

background: #ffffff url("//css-elements.gportal.hu/portal/css-elements/image/gallery/1430632610_54.png") no-repeat left center;

Ez azt jelenti, hogy feh�r a h�tt�r sz�ne, de van egy h�tt�rk�p is, ami nem ism�tl�dik, balra k�z�pre van igaz�tva.

A fejl�c magass�g�t �gy �ll�tottam be, hogy belef�rjen a k�p.

A k�pet rakhatod persze a m�sik oldalra is.

Demo nincs ha �ppen m�s a t�m�m.

Ide most nem teszek semmilyen k�dot, hanem mag�t a p�lda men�t l�thatj�tok, azt�n a tov�bb ut�n lesz a k�d maga magyar�zattal.

�