Témakörök
 
Index

Weblap háttérképek.

Mobilváltozat!


Asztali változathoz,
kattints a képre!

Asztali változat



Háttérkép beilleszthető:
Teljes, részleges, fix és mozgatható háttérként.

background-attachment
háttér-alárendelés
  • scroll: body vagy container területre ajánlott.
    Görgetősávval együtt mozog
  • fixed: body vagy container területre ajánlott.
    Fixen marad, nem követi a görgetősávot
  • inherit: öröklődés
background-color
háttér-szín
  • color-rgb színkód
  • color-hex színkód
  • color-neve (Angol)
  • transparent átlátszó
  • inherit öröklődés
background-image
háttér-kép
  • url(kép elérési útvonala)
  • none nincs
  • inherit öröklődés
background-position
háttér-pozíció
  • left top - bal felső
  • left center - bal közép
  • left bottom - bal alsó
  • right top - jobb felső
  • right center - jobb közép
  • right bottom - jobb alsó
  • center top - középpre fent
  • center center - totál közép
  • center bottom - középpre lent
  • x% y% - pozíció %-ban
  • xpos ypos - pozíció px-ben
  • inherit - öröklődés
background-repeat
háttér-ismétlődés
  • repeat - ismétlődés az adott területen
  • repeat-x - ismétlődés vízszintesen
  • repeat-y - ismétlődés függőlegesen
  • no-repeat - ismétlődés nincs
  • inherit - ismétlődés öröklődik
Példa
Háttérkép beillesztése tetszőleges jelölőelemhez, vagy id és class osztályazonosítóhoz
Háttérkép stílus meghatározásokat
külön CSS, azaz stílusfájlban írjuk meg.
Háttérkép elhelyezési példa, a body területére:
body {
background-attachment: fixed;;
background-color: peru;
background-image: url("sargakocka.jpg");
background-position: top left;
background-repeat: repeat;
}

Háttérkép bemutató.

Háttérkép bemutató asztali változatra készült!
Mobilváltozata nincs!



Háttérkép:
Bal felső sarokban.
Középpen fent.
Jobb felső sarokban.
Jobboldalt középpen.
Jobb alsó sarokban.
Középpen lent.
Bal alsó sarokban.
Baloldalt középpen, és háttérszín.
Totál középpre, és háttérszín.
x és y koordinátán százalékban.
x és y koordinátán px értékkel.
Ismétlődéssel.
Ismétlődés középpen, fentről lefelé.
Ismétlődés fent, vizszíntesen.
Ismétlődés baloldal közepétől, jobbra.
Ismétlődés bal alsó saroktól, jobbra.
Ismétlődés baloldalt és lent, jobbra.
Elrendezés "U" alakzatban.
Szöveg hátterében mozog!

 

 


 

 

A háttérkép több irányú megjelenítéséhez, az adott területhez, több jelölőelemet is felhasználunk.
Háttérképet rendelünk az id azonosítóhoz, a class osztályazonosítóhoz, és a "p" jelölöelemhez.
A háttérkép több irányú megjelenésénél, a div id határozza meg a fő területet, a span class jelöli ki a második területet, végül a "p" jelölőelem.

Háttérkép beillesztésével díszíthetjük a weblapot.
Háttérkép tetszőleges képből tetszőleges méretben kivágható.
Háttérkép elhelyezése és annak megjelenése, mindenki fantáziájára van bízva.
Háttérkép beillesztésével, tetszőleges háttér alakzatok jeleníthetők meg.
Háttérkép beillesztésével, szellemképeket is varázsolhatunk weblapunkra.
A háttérkép, tetszőleges jelölőelemhez beilleszthető.
A háttérképet minden böngészőprogram megjeleníti.
A háttérkép kiválasztásánál figyeljünk oda, hogy a dokumentum szövege jól olvasható legyen, mert ellenkező esetben nagyon zavaró is lehet.

 

 


 

 

 

Vissza a lap elejére

 

 

 

 

 

 

 

url(Nincs-hatterkep.yyy)