Jak vytvořit pevný postranní panel na Tumblr

Pokud jste někdy posouvali webovou stránku dolů a položka na ní se nepohybovala, byli jste svědky značky polohy CSS v akci. Tumblr bloggerů, kteří přidávají tuto značku do svých šablon, mohou vytvořit stejný efekt ve svých blogech. Dobré místo k vyzkoušení je na bočním panelu. Poté, co přidáte značku polohy do kódu HTML svého blogu, zůstane váš postranní panel pevný, když se lidé posouvají nahoru a dolů na vašich stránkách blogu. d chtěl aktualizovat. Pokud máte pouze jeden blog, klikněte na jeho název.

Klikněte na položku Přizpůsobit a poté na položku Přidáno HTML. Tumblr otevře vaše téma a zobrazí jeho HTML kód.

Klikněte kdekoli uvnitř kódu a stiskněte "Ctrl-A" následovaný "Ctrl-C" pro zkopírování kódu do schránky Windows. Otevřete nový dokument programu Poznámkový blok a vložte kód do dokumentu. Tyto kroky zajišťují, že máte záložní kopii původní šablony.

Vraťte se do HTML kódu Tumblr a stisknutím "Ctrl-F" otevřete vyhledávací pole. Do tohoto vyhledávacího pole napište "sidebar" a stiskněte klávesu "Enter". Tumblr najde první výskyt "postranního panelu" a zobrazí část kódu, která toto slovo obsahuje. Nalezený kód by měl vypadat podobně jako následující:

wrapper #sidebar {color: {color: Background}; }

První řádek kódu obsahuje slova #wrapper #sidebar. Za těmito slovy následuje levá závorka.

Přímo pod první řádek kódu vložte následující kód:

pozice: opraveno; vpravo: 100px;

Atribut pozice pokyn prohlížečům k opravě postranního panelu tak, aby se při posouvání nepohyboval. Správný atribut říká prohlížečům, kolik pixelů chcete, aby pravý okraj postranního panelu seděl od pravého okraje webové stránky. V tomto příkladu má správný atribut hodnotu 100px.

Kliknutím na položku Aktualizovat náhled zobrazíte náhled změn. Přetáhněte posuvník okna nahoru a dolů a uvidíte, že se postranní panel nepohybuje. Změny uložíte kliknutím na tlačítko Uložit.

Tipy

Pokud chcete upravit vodorovnou polohu bočního panelu, můžete experimentovat s různými hodnotami pro správný atribut. Pokud například změníte hodnotu z 100px na 50px, postranní panel se posune o 50 pixelů dále vpravo.

Varování

Buďte opatrní, když pracujete v editoru HTML, as omylem změna existujícího kódu může mít dramatický vliv na rozvržení stránky. Pokud kód změníte a vy nemůžete přijít na to, jak změny vrátit zpět, můžete v editoru HTML vždy smazat vše a vložit záložní kód, který jste zkopírovali do editoru, do původního stavu.
URL:https://cs.whycomputer.com/Internet/100119141.html