Как да създадете фиксирана странична лента на Tumblr

Ако някога сте прелиствали уеб страница и елемент от него не се е движил, сте видели позицията на CSS в действие. Блогърите на Tumblr, които добавят този маркер към своите шаблони, могат да създадат същия ефект в блоговете си. Добре е да изпробвате това в страничната лента. След като добавите маркер за позицията в HTML кода на блога си, страничната лента остава фиксирана, когато хората превъртат нагоре и надолу страниците в блога си. Искам да актуализирам. Ако имате само един блог, кликнете върху него.

Кликнете върху „Персонализиране“, последвано от „Добавен HTML“. Tumblr отваря вашата тема и показва своя HTML код.

Щракнете навсякъде в кода и натиснете "Ctrl-A", последвано от "Ctrl-C", за да копирате кода в клипборда на Windows. Отворете нов документ от Notepad и поставете кода в документа. Тези стъпки гарантират, че имате резервно копие на оригиналния шаблон.

Върнете се в HTML кода на Tumblr и натиснете "Ctrl-F", за да отворите поле за търсене. Напишете "sidebar" в това поле за търсене, след това натиснете "Enter". Tumblr намира първата поява на "sidebar" и показва секцията от кода, която съдържа тази дума. Кодът, който открива, трябва да изглежда по следния начин:

обвивка #sidebar {color: {color: Background}; }

Първият ред на кода съдържа думите #wrapper #sidebar. След тези думи следва лява скоба.

Поставете следния код непосредствено под първия ред на кода:

позиция: фиксирана; right: 100px;

Атрибутът position указва на браузърите да фиксират страничната лента, така че да не се движи, когато превъртате. Правилният атрибут разказва на браузърите колко пиксела искате десният край на страничната лента да седи от дясното поле на уеб страницата. В този пример десният атрибут има стойност от 100 пиксела.

Кликнете върху "Актуализиране на визуализацията", за да видите преглед на промените. Плъзнете лентата за придвижване на прозореца нагоре и надолу и ще видите, че страничната лента не се движи. Кликнете върху „Запазване“, за да запазите промените.

Съвети

Ако искате да настроите хоризонталната позиция на страничната лента, може да искате да експериментирате с различни стойности за правилния атрибут. Например, ако промените стойността от 100px на 50px, страничната лента се придвижва по-далеч надясно с 50 пиксела.

Предупреждения

Внимавайте, когато работите в редактора на HTML, като случайната промяна на съществуващия код може да има драматични ефекти върху оформлението на страницата. Ако промените кода и не можете да разберете как да отмените промените, винаги можете да изтриете всичко в редактора на HTML и да поставите копирания в редактора код за архивиране, за да го възстановите в първоначалното му състояние.

URL:https://bg.whycomputer.com/Internet/100219141.html