Změna pozadí

Dnes se zaměříme na to, jak si udělat vlastní pozadí blogu...

Můj návod.

Kopírovat se zdrojem! 

Pokud nevíte, jak si zjistit kódy barev, tak budeme na práci potřebovat například tyto stránky. Vysvětlím později... Tak se na to vrhneme. Samozřejmě máme dvě možnosti, buď si zvolíme jednu barvu nebo nějaký obrázek...

V předchozím návodu jsem vám fotila, jak vypadá šablona, když ji otevřete, obvykle se načte pokaždé stejně, tudíž takzvané CSS styly, ve kterých budete většinu věcí měnit jsou zabalené. Musíte tedy rozkliknout vlevo tu malou černou šipku <b:skin>...</b:skin>:

To se vám rozbalí následujícím způsobem:

Najdete si konec <Variable name a uděláte několik prázdných řádků, aby se vám to později lépe hledalo. Alespoň mě to pomáhá...

A můžeme začít... BODY označuje stránku. Font a color značí písmo a barvu písma, ale to probereme jindy a background je naše pozadí...

První možností je barva. To znamená, že $(body.background) změníme a napíšeme #KOD BARVY... Přičemž ten kód najdete na stránce, kterou jsem zmínila i na začátku. Buď si vyberete nějakou přednastavenou, nebo si pak doladíte podle svého barvu i světlost... Já si vyberu třeba nějakou fialkovou... Vyberu si a ve formuláři níže mi to vyhodí kód barvy - HEX... a to pak vložím za znak #... Viz obrázky:

A pozadí blogu vypadá nyní takto:

Druhou možností je obrázek. Buď si zvolíte nějaký dostatečně velký (jako třeba fotka), který pokryje celou stránku (dnes asi nejideálnější rozměr fotky 1920x1080 px) nebo si zvolíte tzv. tapetu (nebo taky pattern), nějaký výřez, který se bude neustále opakovat (pozor aby vzory na sebe navazovaly a nebyl vidět přechod obrázků)... Například jsem našla tento obrázek... Takže zapíšeme background: url(ADRESA OBRÁZKU):

 A pozadí vypadá následovně...

Další možností je udělat si třeba i jen pás nahoře a zvolit barvu pozadí... Provedeme zkombinováním obou předchozích variant:

background: #BARVA url(ADRESA) repeat-x top;

Repeat-x znamená, že tapeta se opakuje po přímce x (jako v matematice) a top, že se zobrazuje od vrchu... V příkladu udělám černé pozadí:

A pozadí vypadá takto...

Tak co myslíte? Je to dostatečně srozumitelné? :-)