Cikkajánló
7. rész   Ebben a részben a column_side azaz a G-Portálon lévő szélső modullal ismerkedhettek meg. Lásd a cikk alatt a képen a szélső sötét színű modult. Ezt a
Hoztam egy hozzászólás űrlapot a WordPress használóknak :) Ha unnátok az alap űrlapot, akkor cseréljétek le erre. Kicsivel több mindent tud. Lehet avatart beállítani, nekem kinézetre is szimpatikusabb, és
De most őszintén: bántottalak én valaha? Szóltam rólad bármikor is rosszat? Kibeszéltelek, szidtalak vagy mi a f*sz? Ki a fene vagy te, és mit képzelsz egyáltalán magadról, hogy csak
Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló Apró tippek weboldal szerkesztőknek
Több háttér oldaladnak

<style type="text/css">
body {
    background-attachment: scroll !important;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
    background-image: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1393355368_69.png), url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1393528647_74.png);
    background-color: #e8e9e8;
    background-position: center top, center top;
    background-repeat: repeat-x, repeat-y;
}
--></style>


A background-image kódrészbe kell a hátterek url címét bemásolni a zárójelen belülre! Egymás után vesszővel elválasztva kell az url-eket feltüntetni ahogy a kódban is látható.
Nekem jelenleg a két hátterem ez:
 

kattints a képrekre a nagy mérethez

 


 

Az egyik hátterem a fejléc alatt található a lap tetején, míg a másik háttér pedig a modulok alatt helyezkedik el.
 


 

Az elhelyezkedést a kódban ezekkel a beállításokkal tudod megadni:
background-position: center top, center top;
background-repeat: repeat-x, repeat-y;


A background-position: center top, center top; beállítással azt adod meg, hogy pontosan hol legyen a háttér. Itt most középen és felül helyezkedik el. Ez a zöld háttérre vonatkozik.
Itt is egymás után vesszővel elválasztva kell a hátterek helyzetét megadni. Értelemszerűen sorba veszi fel az értékeket a kód. Tehát az először beillesztett háttérnek az először megírt elhelyezkedés lesz aktív és a többi.
 

A második hátteremet szintén középre és felülre állítottam, amik a modulok alatt helyezkednek el, mert a kód következő sorában van, hogy a háttér hogyan legyen folyamatos.
A background-repeat: repeat-x, repeat-y; kóddal lehet a háttereket folyamatossá tenni. Az első zöld háttérnél a repeat-x-et választottam, mert így vízszintesen lesz folyamatos a háttér, tehát elvileg bármekkora böngészőben nézed az oldalt, a zöld háttér teljes lesz benne. A második szürke háttérnek pedig a repeat-y-t választottam, mert így a háttér függőlegesen lesz folyamatos lefelé.


És, hogy a háttereken kívül is legyen színe az oldalnak, így még háttérszínt is adtam neki, ami a világosabb szürke a modulok két szélén.
 

Ezen az oldalon van egy jó kis előnézet, ahol jobben lehet értelmezni a hátterek folyamatosságát:
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-repeat
 

A hátterek pozíciójáról is van előnézet.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-position

lindadesign Hozzászólások
2 337 megtekintés

Hozzászólások