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!