Jak zastavit posouvání postranního panelu na Tumblr

Zastavení posouvání postranního panelu (sidebaru) na Tumblr vyžaduje malou úpravu HTML kódu šablony. Protože jsou šablony různorodé, konkrétní postup se může lišit, ale následující kroky vám pomohou změnu provést i bez pokročilých znalostí HTML.

Krok 1 – Otevřete editor HTML

Na hlavní stránce vašeho blogu klikněte na Customize (Přizpůsobit) a v pravém panelu zvolte Edit HTML (Upravit HTML). Otevře se okno s kompletním kódem šablony.

Krok 2 – Najděte sekci stylů

Stiskněte Ctrl + F a do vyhledávacího pole zadejte <style. Prohlížeč vás přenese na začátek sekce kaskádových stylů, která typicky začíná tagem <style type="text/css">.

Krok 3 – Vyhledejte definici postranního panelu

Procházejte kód, dokud nenarazíte na řádek, který začíná .sidebar, #sidebar, .right_col nebo podobně – podle toho, kde je panel umístěn. Pokud jej nenajdete, použijte postup „zkus‑a‑chyť“ (další krok).

Krok 4 – Změňte pozicování

U vnitřní složené závorky { najděte deklaraci position: relative; a změňte ji na position: fixed;. Tím zajistíte, že panel zůstane na místě při posouvání stránky.

Krok 5 – Otestujte změnu

Stiskněte Update Preview (Aktualizovat náhled) a v náhledovém okně posouvejte stránku. Pokud se panel již nepohybuje, klikněte na Save (Uložit) a zavřete editor. Pokud se panel stále posouvá, pravděpodobně jste upravili špatný řádek – vracejte změny a pokračujte dále.

Krok 6 – Metoda „zkus‑a‑chyť“

Do vyhledávacího pole zadejte position: a procházejte další výskyty. U každého nalezeného řádku nahraďte relative za fixed, klikněte na Update Preview a zkontrolujte výsledek. Opakujte, dokud nenajdete správný řádek. Po každém neúspěšném pokusu změnu vracejte zpět.

Krok 7 – Uložení

Jakmile se vám podaří najít a upravit správný řádek, klikněte na Save. Váš postranní panel bude nyní pevně připevněn a nebude se při posouvání stránky posouvat.