Co znamená pevné prvky v Tumblr?

Termín "pevné prvky" v Tumblr označuje jakýkoliv objekt ve vašem motivu Tumblr, který se nehýbe vzhledem k oknu prohlížeče. Motiv může mít například postranní panel, který je pevný. V tomto případě se postranní panel nepohybuje při posouvání stránky dolů; vždy zůstává na stejném místě vzhledem k oknu prohlížeče. Pevné prvky jsou definovány v kódu kaskádového stylu motivu.

HTML a CSS

Všechna témata Tumblr jsou definována kombinací HTML a CSS. Obecně HTML řídí strukturu tématu, zatímco CSS diktuje jeho styl. Mnoho webových stránek má samostatné soubory HTML a CSS. HTML a CSS typického motivu Tumblr však existují společně v jednom unifikovaném zdrojovém kódu.

Nalezení motivu CSS

Chcete-li vyhledat zdrojový kód tématu musíte se přihlásit do svého účtu Tumblr. Klepnutím na ikonu ozubeného kola na ovládacím panelu otevřete nabídku Nastavení. V nabídce Nastavení vyberte blog, který chcete zobrazit. V nabídce přizpůsobení blogu klepněte v části Téma na položku Vlastní. Tím se dostanete na stránku přizpůsobení motivu. Pod názvem tématu klikněte na položku Upravit HTML. Zobrazí se HTML a CSS vašeho motivu.

Pozice: Pevná vlastnost

V rámci kódu tématu můžete stisknutím klávesy Ctrl-F vyhledat konkrétní položky. Pokud do vyhledávacího pole zadáte "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ž se očekávalo, zkuste vyhledat „pozici: opraveno“ bez mezery za dvojtečkou. Prvek, který je fixován, bude pojmenován před závorkou "{". Například #sidebar {position: fixed;} by opravil prvek pomocí ID "sidebar".

Pozice elementů

Jakmile je metoda umístění prvku jednou můžete jej přesouvat podél vodorovných nebo svislých os o určitý počet pixelů. Chcete-li to provést, zadejte hranu kontejneru prvku a počet pixelů, které chcete oddělit prvek od této hrany. Například #sidebar {position: fixed; nahoru: 20px; vpravo: 10px;} umístí postranní panel 20 pixelů z horní části okna prohlížeče a 10 pixelů z pravé části okna prohlížeče.

Změna pevných prvků

Pokud umístíte pevný prvek, můžete změnit způsob, jakým je umístěn. Atribut "position: static" určuje pozici elementu vzhledem k jeho místu v toku HTML kódu. Tento atribut se používá k vyrovnání prvku o určitou hodnotu z jeho normální statické polohy. Například #sidebar {position: relativní; right: 20px;} by posunul prvek #sidebar 20 pixelů od jeho normálního pravého okraje. Konečně pozice: absolutní atribut odstraní prvek z toku dokumentu a umístí jej vzhledem ke svému prvku obsahujícímu. Pokud je například prvek s absolutně umístěným prvkem uvnitř prvku s relativní polohou, dojde ke změnám jeho polohy vzhledem k prvku s relativní polohou. S těmito různými typy určování polohy můžete experimentovat, abyste mohli přizpůsobit prvky, které jsou ve vašem tématu Tumblr opraveny
URL:https://cs.whycomputer.com/Internet/100119347.html