Pojem „pevné prvky“ v Tumblru označuje jakýkoli objekt ve vašem motivu Tumblr, který se nepohybuje vzhledem k oknu prohlížeče. Například váš motiv může mít opravený postranní panel. V takovém případě se postranní panel při posouvání stránky nepohybuje; vždy zůstane na stejném místě vzhledem k oknu prohlížeče. Pevné prvky jsou definovány v kódu kaskádových stylů motivu vašeho motivu.
HTML a CSS
Všechna témata Tumblr jsou definována kombinací HTML a CSS. Obecně platí, že HTML řídí strukturu motivu, zatímco jeho styl určuje CSS. Mnoho webů má samostatné soubory HTML a CSS. HTML a CSS typického tématu Tumblr však existují společně v jednom sjednoceném zdrojovém kódu.
Hledání vašeho tématu CSS
Chcete-li najít zdrojový kód motivu, musíte se přihlásit ke svému účtu Tumblr. Na hlavním panelu kliknutím na ikonu ozubeného kola přejděte do nabídky Nastavení. V nabídce Nastavení vyberte blog, který chcete zobrazit. V nabídce přizpůsobení blogu klikněte v sekci Motiv na „Přizpůsobit“. Tím se dostanete na stránku přizpůsobení motivu. Pod nadpisem motivu klikněte na Upravit HTML. Zobrazí se HTML a CSS vašeho motivu.
Pozice: Opravená vlastnost
V kódu svého motivu můžete stisknout „Ctrl-F“ a vyhledat konkrétní položky. Pokud do vyhledávacího pole napíšete „position: fixed“, můžete procházet různými instancemi pevných prvků v motivu. Pokud vaše vyhledávání nevrátí žádné výsledky nebo méně, než jste očekávali, zkuste vyhledat „position: fixed“ bez mezery za dvojtečkou. Opravený prvek bude pojmenován před závorku „{“. Například #sidebar {position: fixed;} opraví prvek s ID postranního panelu.
Umístění prvků
Jakmile je zadána metoda umístění prvku, můžete jej posunout po vodorovné nebo svislé ose o určitý počet pixelů. Chcete-li to provést, určete okraj kontejneru prvku a počet pixelů, které chcete oddělit od tohoto okraje. Například #sidebar {position: fixed; nahoře: 20px; right: 10px;} umístí postranní panel 20 pixelů od horní části okna prohlížeče a 10 pixelů od pravé části okna prohlížeče.
Změna pevných prvků
Pokud lokalizujete pevný prvek, můžete změnit způsob jeho umístění. Atribut "position: static" opravuje pozici prvku vzhledem k jeho místu v toku kódu HTML. Tento atribut se používá k posunutí prvku o určitou částku od jeho normální statické polohy. Například #sidebar {pozice: relativní; right: 20px;} by posunul #sidebar prvek o 20 pixelů od jeho normálního pravého okraje. Nakonec atribut position: absolute odebere prvek z toku dokumentu a umístí jej vzhledem k jeho obsahujícímu prvku. Například pokud je prvek s absolutní pozicí uvnitř prvku s relativní polohou, dojde k jakýmkoli změnám jeho polohy vzhledem k prvku s relativní polohou. Můžete experimentovat s těmito různými typy umístění, abyste mohli přizpůsobit, které prvky jsou opraveny ve vašem motivu Tumblr.
