Pokud váš motiv blogu Tumblr umožňuje, aby pole s popisem rolovalo stránku dolů spolu s vašimi příspěvky na blogu, je pravděpodobné, že můžete pole uzamknout na místě. Chcete-li tak učinit, musí motiv na své stránce CSS obsahovat možnost uzamknout pole s popisem. Vzhledem k tomu, že vývojáři často používají stejný kód CSS pro všechna svá témata, je velká šance, že má tuto možnost. Složitá část spočívá ve snaze zjistit, jaké slovo použil vývojář k odemčení této funkce. V mnoha případech to může být stejně jednoduché jako slovo „fixed“, ale nemůžete si být jisti, jaké to slovo může být, dokud nezkoumáte kód.
Prozkoumejte HTML kód
Přihlaste se na Tumblr a klikněte na ikonu Nastavení ve tvaru ozubeného kola v horní části palubní desky. Vyberte svůj blog v sekci Blogy na postranním panelu a klikněte na „Upravit motiv“. Klikněte na odkaz „Upravit HTML“ pod názvem motivu v postranním panelu. Vlevo se zobrazí kód HTML vašeho motivu a napravo náhled vašeho blogu Tumblr.
Stisknutím klávesy „Ctrl-F“ na klávesnici otevřete vyhledávací pole a zadejte dvě nebo tři slova přesně tak, jak jsou uvedena v poli popisu vašeho blogu. Tím se dostanete přímo k HTML kódu těchto slov. Posouvejte nahoru, dokud neuvidíte kód pole popisu, například „blok: Popis“.
Prohlédněte si řádky přímo nad kódem pole popisu a vyhledejte atribut, který udržuje pole popisu plovoucí, například „unstuck“ nebo „float“. Toto slovo by mělo být ve značce „div id“, například „
Atribut, který udržuje pole popisu na stránce plovoucí na stránce, nahraďte slovem „fixed“, například „
Nalezení kódu CSS
Přejděte na začátek kódu HTML vašeho motivu Tumblr. Klikněte na pole „Hledat“ nad kódem a zadejte „šablonu stylů“. Dostanete se k první instanci tohoto slova v kódu HTML, obvykle během prvních asi 50 řádků, například „rel = stylesheet“. Zvýrazněte URL těsně před tímto slovem, začínajícím „http:“ a končícím „css.“ Toto je webová adresa stránky CSS motivu.
Otevřete novou kartu prohlížeče, vložte adresu CSS do adresního řádku a stiskněte klávesu „Enter“. Nejprve můžete vidět nesmyslná písmena a číslice, ale pokud se posunete dolů po stránce, uvidíte kód CSS, který vypadá velmi podobně jako HTML kód. Tento kód nemůžete změnit, ale můžete ho použít k vyhledání slova, které může uzamknout pole s popisem na místě.
Stiskněte klávesy „Ctrl-F“ a zadejte slovo použité v kódu HTML motivu, aby pole popisu zůstalo plovoucí, například „float“. Když toto slovo najdete, posouváním nahoru a dolů po stránce prozkoumejte kód v okolí. Hledejte opačné slovo, které lze použít k uzamčení na místě, například „pevné“, „statické“ nebo „zaseknuté“.
Vraťte se na kartu prohlížeče, která zobrazuje kód HTML motivu, a nahraďte slovo tak, aby pole popisu zůstalo plovoucí, slovem, které ho může opravit. Klikněte na tlačítko „Aktualizovat náhled“ a zkuste posunout stránku náhledu dolů. Pokud to funguje, klikněte na tlačítko „Uložit“. Pokud to nefunguje, pokračujte ve hledání správného kouzelného slova.
Tipy
V některých případech vývojář motivů možná nezahrnul kód CSS, aby motiv mohl mít pevné pole popisu.
Varování
Neukládejte změny v kódu HTML motivu Tumblr, dokud pečlivě neprohlédnete náhled. Náhodná změna čehokoli v kódu HTML může vážně narušit rozložení vašeho blogu.
