Как да спрете страничната лента на Tumblr да се превърта

За да направите страничната лента (sidebar) на вашия Tumblr блог неподвижна, трябва да промените малко HTML кода на темата. Тъй като всяка тема е различна, стъпките могат да се различават, но следвайки тази инструкция ще успеете без задълбътен познания по HTML.

1. Отворете редактора на темата

Влезте в таблото за управление, натиснете Customize (Персонализиране) и след това Edit HTML (Редактиране на HTML). Ще видите кода на текущата ви тема.

2. Намерете CSS секцията

Натиснете Ctrl+F (или Cmd+F на Mac) и въведете <style. Курсорът ще се позиционира в началото на CSS‑а, който обикновено започва с <style type="text/css">.

3. Открийте стила за страничната лента

Превъртете кода, докато намерите ред, който започва с .sidebar, #sidebar или, ако лентата е вдясно, с .right_col, #right-column. Ако не сте сигурни, продължете със следващата стъпка – ще използваме проба‑и‑грешка.

4. Променете позиционирането

В реда, който открихте, след отварящата фигурна скоба { трябва да има декларация position: relative;. Заменете я с position: fixed;. Това прави лентата фиксирана спрямо прозореца.

5. Прегледайте промените

Кликнете Update Preview и превъртете страницата в прозореца за предварителен преглед. Ако лентата вече не се движи, натиснете Save и излезте от персонализирания режим. Ако продължава да се превърта, вероятно променихте грешния ред – върнете кода към предишното състояние и продължете.

6. Пробвайте с други възможни редове

Повторете търсенето, като във полето за търсене въведете position:. Прегледайте следващите съвпадения и отново заменете relative с fixed. След всяка промяна използвайте Update Preview, за да проверите ефекта. Когато откриете правилния ред, запазете промените.

7. Запазете окончателно

След като сте сигурни, че страничната лента остава неподвижна, натиснете Save. Промяната вече е активна в живия блог.

Това е всичко – без нужда от сложен код или външни инструменти.