2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

Fejléc vagy a fejléc mögötti háttér beállítása

Egy olyan beállításra hívnám fel a figyelmeteket, ami eléggé fontos lehet a szép kinézethez. Amióta elterjed, hogy a lehető legszélesebb fejlécet készíti a többség sajnos beleestek abba a hibába, hogy a CSS kódban rosszul adjátok meg a háttér vagy fejléc helyzetét. Lejjebb találtok egy példa képet, hogy miről is van szó. Nem az a baj, hogy a fejléc vagy háttér szélessége 1920 pixel széles maximum. Azzal van a probléma, hogy a CSS kódban rossz a beállítás.
 


 

Beatrice he haragudj, hogy pont a te fejléceddel példálózom. Ha gond lenne belőle, akkor cserélem :) Egyébként szeretem ezt a kinézetedet. Nekem nagyon tetszik :) Szóval, mint látjátok a fejléc bal oldalán is látszik már Shailene karja. Ahhoz, hogy ezt a hibát kijavítsuk a CSS kódot kell átállítani így:
 

A CSS kód body részében kell dolgozni. Ezen belül a background-repeat és a background-position részben. Először a background-repeat beállításait nézzük meg:
no-repeat
repeat-x
repeat-y
repeat
 

no-repeat: ezt akkor kell alkalmazni, ha pl. csak egy 1000 pixel széles fejléced van. Így semelyik irányban nem fog ismétlődni a fejléced. Akkor is ezt kell alkalmazni, ha a háttered is olyan, ami ismétlődve nem olvad egybe. Mint a felső példában.
 

repeat-x: ezt akkor kell alkalmazni, ha a háttered egybe tud folyni és semmi külön grafika, kép vagy szöveg nincsen rajta. Ami annyit jelent, hogy vízszintesen lesz folytonos a háttered. Példa:
 


 

repeat-y: ha ezt alkalmazod, akkor a háttered fentről lefelé lesz folytonos. Ritkán van használva.
 

repeat: ezzel a beállítással a háttered minden irányban megtölti a teljes oldaladat. Ehhez lehet használni például 200×200-as vagy más méretű patterneket vagy háttereket.
 

A background-position beállításai általában minden esetben center top legyen. De ebben a cikkben részletesebben is elmagyarázom ezt a fajta beállítást is: link


1 679 megtekintés

Hozzászólások