Err�l a k�dr�szr�l besz�l�nk jelenleg:

Ezzel a k�ddal a h�tteret lehet be�ll�tani, itt a modulok miatt k�l�n�sebb szerepe nincs a benne l�v� font k�dr�sznek, HTML oldaln�l ez adja meg a sz�veg r�sz kin�zet�t.

N�lunk csak a h�tt�r miatt l�nyeges. Amiket hozz� tudunk adni, azok ezek lesznek:

background-color

background-image

background-repeat

background-attachment

background-position

A backgroung-color m�r adott, ezzel �ll�tom be az oldalam h�tt�r sz�n�t. A men�ben belinkelt k�dgener�torral olyan sz�nt adhatsz meg, amihez kedved van. Amennyiben k�pet szeretn�l berakni, �gy ez l�nyegtelen, de csak abban az esetben, ha a h�ttered lefedi a teljes oldalt.

A background-image paranccsal b�rmilyena  port�lodra felt�lt�tt k�pet betehetsz h�tt�rnek oldaladra, legjobb az 1920x1080 vagy nagyobb felbont�s�, mivel ezek tuti minden felbont�sban befedik oldaladat.

A k�d �gy fog kin�zni:

backgroung-image: url(url c�m);

Ekkor berakja az �ltalad v�lasztott k�pet, �gy mint az �n oldalamon.

A background-repeat k�d adja meg, hogy a h�ttered ism�tl�dj�n e, de ez szint�n csak akkor �rdekes, ha kisebbet v�lasztott�l, valamint nem fixre �ll�tottad, �s g�rd�l az oldaladdal.

Ekkor ilyen lehet�s�geid vannak:

repeat - ism�tl�s

repeat-x - horizont�lisan ism�tl�dik

repeat-y - vertik�lisan ism�tl�dik

no-repeat - nem ism�tl�dik

K�d: background-repeat: repeat; (repeat hely�re amit v�lasztasz)

A background-attachment adja meg a g�rget�st, vagyis, hogy g�rd�lj�n e az oldalad, vagy maradjon fix helyen.

T�bb verzi� is van, ezt a kett�t haszn�lj�k legink�bb:

fixed - amikor marad a hely�n

scroll - oldalad g�rget�s�t k�veti

GPortalon ink�bb a fixed amit haszn�lunk:

background-attachment: fixed;

A poz�ci�j�t is be�ll�thatod, amennyiben kisebb oldaladn�l, vagy csak egy k�pet akarsz besz�rni valahov�.

background-position: 50% 30%; - bal oldali sarokt�l h�ny %-ra tol�djon el, vagy

background-position: 100px 300px; (x �s y poz�ci�kat jel�lnek term�szetesen)

�s meg lehet adni sz�veggel is:

left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

top - fel�l

center - k�z�pen

bottom - alul

left - bal

right - jobb

Egy teljes k�d �gy n�z ki:

body {

font-family: tahoma;

color: #000000;

background-color: #ffffff;

background-image: url (http://kepem.hu/kepem.jpg);

background-attachment: fixed;

margin: 0px;

}

A margin az marg� persze.

Pontosvessz� mindig kell!

 

Vissza a bloghoz

�j hozz�sz�l�s Friss�t�s