0 Kč bez DPH

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řed úpravouPo úpravě
 

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í

Před úpravouPo úpravě
 

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