whycomputer.com >> Počítačové znalosti >  >> Internet

Jak nastavit responsivní pozadí na Tumblr

Jak nastavit responsivní pozadí na Tumblr

Motiv, který podporuje obrázek na pozadí, může váš blog výrazně oživit. Aby však obrázek vždy pokryl celou stránku bez ohledu na rozlišení nebo prohlížeč návštěvníka, musíte upravit kód motivu.

Přihlaste se ke svému účtu na Tumblr, otevřete Settings a vyberte blog, který chcete upravit. Klikněte na Customize.

V editoru klikněte na Edit HTML a otevřete vyhledávání pomocí Ctrl‑F. Vyhledejte řetězec body { a stiskněte Enter, čímž se dostanete do sekce body.

Mezi otevírací a uzavírací složenou závorku přidejte následující řádky:

background-size: cover;
-webkit-background-size: cover; /* Safari, Chrome */
-moz-background-size: cover;    /* Firefox */
-o-background-size: cover;      /* Opera */

Tyto deklarace zajistí, že se obrázek roztáhne tak, aby pokryl celý viewport a bude kompatibilní se všemi hlavními prohlížeči.

Po úpravě klikněte na Update Preview, ověřte, že se pozadí zobrazuje správně, a poté stiskněte Save.


URL:https://cs.whycomputer.com/Internet/100118808.html

Internet
  • Jak vytvořit gradientní pozadí v aplikaci WordPress

    CSS umožňuje nastavit plynulé přechody, takže můžete přidat gradientní pozadí pouze pomocí stylů, aniž byste museli používat obrázky. V WordPressu nelze gradient aplikovat přímo na značku body, ale lze ho nastavit na kontejner div, který obaluje celý web. Většina moderních motivů již takový kontejne

  • Jak upravit šířku domovské stránky My Yahoo

    My Yahoo vám umožňuje vytvořit si vlastní domovskou stránku s e‑mailem, zprávami, kurzovými informacemi či programy kin. Někdy se však obsah nevejde do šířky prohlížeče a musíte neustále rolovat. Šířku stránky můžete snadno zmenšit úpravou nastavení písma. Krok 1 Přihlaste se do svého účtu My Yahoo.

Počítačové znalosti © https://cs.whycomputer.com