Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

CSS kód a G-Portálon
CSS kód a G-Portálon : Több háttér oldaladnak CSS-el

Több háttér oldaladnak CSS-el


<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:

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 egy jó kis előnézet.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-position

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Lépj be a lovak csodálatos világába! Nevelj te is nálunk! KATT KATT KATT KATT    *****    Nem lehet saját lovad? Nevelj virtuálisan ITT! Nevelj, versenyezz, licitálj szebbnél szebb lovakra!    *****    -Portálépítés és portáldíszítés kezdõknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!-    *****    The Resident - A kórházi drámasorozat január 21-én indul Matt Czuchry és Emily VanCamp fõszereplésével! Nézzetek be!    *****    Mindenféle kérdésedre õszinte választ kaphatsz a valódi Kérdõasztrológia segítségével.    *****    Részletes személyiség és sors analízis / születési horoszkóp / ajándék 3 év elõrejelzéssel. Most érdemes ide látogatni!!    *****    Ha diplomás asztrológust keresel, aki BECSÜLET KASSZÁS alapon ad tanácsot és INGYEN OKTAT, akkor keress bizalommal!    *****    A BIOTÉRKÉP AZ IGAZI KARMA! MEGMUTATJA PONTOSAN,MILYEN FELADATTAL SZÜLETTÉL.EGY PRÓBÁT MEGÉR. SOK SEGÍTSÉG MINDEN NAP!!!    *****    Megnyitott a madárvendéglõ! Gyertek vendégségbe ti is Mályvához és Pipitérhez! Irány a Mesetár!    *****    Megnyitottam cikkes, véleményes blogomat! Sok-sok érdekes bejegyzéssel várlak naponta, ne hagyd ki! - Alice    *****    Sztárokról és idolokról írok,ajánlókat hozok,tippeket és tageket osztok meg veletek!Nézz be egy blogkóros lány oldalára!    *****    Az igazi karma a horoszkópodban a Felszálló holdcsomópont,a Chiron,a Lilith (Fekete Hold),Rendeld meg most!Várlak, katt!    *****    családi adókedvezmény 2018 nyomtatvány letöltés, feltételek tudnivalók    *****    Rendelj születési horoszkópot és 3 év elõrejelzés ajándékba a tiéd. Ne feledd a horoszkóp a lélek tükre,bele kell nézni!    *****    családi pótlék utalás 2018 - csp utalás - utalás idõpontja 2018 - családi pótlék kifizetések !    *****    Ismerd meg az Olicity párost! Minden a Zöld Íjász címû sikersorozat imádott szerelmespárjáról! Mindennap friss!    *****    SZEREPJÁTÉK! Ha aktív oldalon szeretnél játszani, nézz be és légy része egy egyedi történetnek! Csatlakozz!    *****    Karácsonyi képekkel vár a Mesetár! Kukkants be a két nyuszihoz és Miska macskához! Boldog ünnepeket kíván: Nyuszi Mama    *****    Kellemes Karácsonyi Ünnepet és Békés, Boldog Új Esztendõt Kívánok minden Kedves látogatómnak!    *****    Kellemes Ünnepeket kíván Neked is a Zara Larsson Magyarország! - Kellemes Ünnepeket kíván Neked is a Zara Larsson HU!