úterý 21. listopadu 2017

Změna pozadí

úterý, listopadu 21, 2017 bez komentáře
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é? :-)


Sdílení článku:
Sdílet emailem Sdílet gmailem Sdílet Facebookem Sdílet Googlem Plus Sdílet Twitterem Sdílet Pinterestem Sdílet Tumblrem Sdílet Bloggerem Sdílet Wordpressem Sdílet whatsappem

Autorka článku:

Lucy Lillianne Vždycky mě bavilo hrát si s grafikou, dělat blogy a jejich vzhledy. Nikdy jsem se nepovažovala za nějakého experta a ani nikdy nebudu. To, co sem publikuji jsou věci, které by se mohly někomu do budoucna hodit nebo i mě samotné, pokud bych nějaký postup zapomněla... Každopádně jsem ráda, že sem tam si nějaký článek najde svého čtenáře nebo rovnou uplatnění :-)

štítky

0 komentářů:

Okomentovat

Každý vzkaz pro mě znamená mnoho a často vykouzlí úsměv a potěší. Děkuji každému, kdo kvůli mě ztratí pár vteřin života :-)