Pozadí celého webu - šablona SIRIUS
20. 6. 2013
Pozadí webové prezentace může být tvořeno buď obrázkem, barvou, barevným přechodem a nebo také kombinací obrázku a barvy. My si ukážeme první dva nejzákladnější a to barvu a obrázek.
Barva na pozadí
Příklad platí pro libovolnou šablonu i barvu, my jsme si vybrali červenou. Nejprve je třeba zneaktivnit obrázek (šachovnice) a následně napsat novou barvu pozadí, v našem případě bílou:
body {background-image: none; background-color: grey;}
Obrázek na pozadí
Máte vytvořený obrázek a chcete jej použít na svých stránkách? Žádný problém. V našem případě se soubor před nahráním do inPage jmenoval pozadi-ukazka.png. Stačí jej nahrát do administrace a do vlastního stylu přidat následující zápis:
body { background-image: url("/obrazek/3/pozadi-ukazka-png/");}
Vladimír Souš
admin(zav)zoner.cz
Přidat komentář
Přehled komentářů
background-image
13. 5. 2014 0:22:12 | ILFI
Jaka je cesta k obrazkum fotografii nezarazenych ??
url("/fotogalerie/pozadi.png") ??
Dekuji
Odpovědět
obrázek pozadí
20. 5. 2014 7:54:30 | Gabriela
Ve kterém odkazu v administraci se dostanu k html kodu šablony, abych v ní mohla změnit šachovnici na bílou barvu. Uveďte mi prosím přesný popis, "jak na to". Resp. jak se dostanu k hmtl kodu cele šablony, abych v ní mola dělat úpravu. Pouze příkazový řádek je málo. Děkuji Vámm za odpověď.
Odpovědět
RE: background-image
20. 5. 2014 11:21:16 | Vladimír Souš
Dobrý den ILFI,
cesta k obrázkům v inPage je vždy shodná a to url("/obrazek/3/nazev-obrazku-png/"); více se dozvíte v našem článku:
http://www.blog.inpage.cz/inpage/obrazky-inpage-velikost-a-pouziti/
Odpovědět
RE: obrázek pozadí
20. 5. 2014 11:23:56 | Vladimír Souš
Dobrý den Gabrielo,
ke zdrojovému kódu z bezpečnostních důvodů klienti nemají přístup. Ke všem úpravám opravdu stačí upravit CSS styl, jehož základy se dozvíte zde:
http://www.blog.inpage.cz/inpage/css-uzivatelske-zaklady/
Pak stačí zkopírovat výše uvedené zápisy a bílé pozadí by se mělo podařit, případně mi napište přímo.
Odpovědět
obrázek na pozadí
16. 1. 2015 20:22:51 | šárka cimburková
Dobrý den,
potřebovala bych, aby se mi obrázek neopakoval. Jak to mám udělat?
Děkuji
Odpovědět
RE: obrázek na pozadí
20. 1. 2015 6:40:50 | Ondřej Jonáš
Dobrý den Šárko,
aby se Vám obrázek v pozadí neopakoval, stačí použít no-repeat, tedy příklad:
body { background-image: url("/obrazek/3/pozadi-ukazka-png/") no-repeat;}
Odpovědět