Терминът "фиксирани елементи" в Tumblr се отнася до всеки обект във вашата тема на Tumblr, който не се движи спрямо прозореца на браузъра. Например, вашата тема може да има фиксирана странична лента. В този случай страничната лента не се движи, когато превъртате страницата надолу; той винаги остава на едно и също място спрямо прозореца на браузъра. Фиксираните елементи са дефинирани в кода на каскадните таблици със стилове на вашата тема.
HTML и CSS
Всички теми на Tumblr се дефинират чрез комбинация от HTML и CSS. Като цяло HTML контролира структурата на дадена тема, докато CSS диктува нейния стил. Много уебсайтове имат отделни HTML и CSS файлове. Обаче HTML и CSS на типична тема на Tumblr съществуват заедно в един унифициран изходен код.
Намиране на вашата тема CSS
За да намерите изходния код на вашата тема, трябва да влезете във вашия акаунт в Tumblr. От таблото си за управление щракнете върху иконата на зъбно колело, за да влезете в менюто Настройки. В менюто Настройки изберете блога, който искате да видите. В менюто за персонализиране на блога кликнете върху „Персонализиране“ в раздела Тема. Това ще ви отведе до страницата за персонализиране на темата. Под заглавието на вашата тема кликнете върху „Редактиране на HTML“. Това ще покаже HTML и CSS на вашата тема.
Позицията: Фиксирана собственост
В кода на вашата тема можете да натиснете „Ctrl-F“, за да търсите конкретни елементи. Ако въведете "position: fixed" в полето за търсене, можете да преминете през различни копия на фиксирани елементи във вашата тема. Ако вашето търсене не връща резултати или по-малко от очакваното, опитайте да потърсите „position: fixed“, без интервал след двоеточието. Фиксираният елемент ще бъде именуван преди скобата "{". Например #sidebar {position: fixed;} би поправил елемент с идентификатора на "страничната лента".
Позициониране на елементите
След като методът за позициониране на даден елемент е зададен, можете да го премествате по хоризонталната или вертикалната ос с определен брой пиксели. За да направите това, посочете ръба на контейнера на елемента и броя на пикселите, които искате да отделите елемента от този ръб. Например, #sidebar {позиция: фиксирана; отгоре: 20px; вдясно: 10px;} ще позиционира страничната лента на 20 пиксела от горната част на прозореца на браузъра и 10 пиксела отдясно на прозореца на браузъра.
Промяна на фиксирани елементи
Ако намерите фиксиран елемент, можете да промените начина, по който той е позициониран. Атрибутът "position: static" фиксира позицията на елемента спрямо мястото му в потока на HTML кода. Този атрибут се използва за компенсиране на елемента с определено количество от нормалното му статично положение. Например, #sidebar {позиция: относителна; вдясно: 20px;} ще компенсира елемента #sidebar на 20 пиксела от нормалната му дясна граница. И накрая, атрибутът position: absolute премахва елемента от потока на документа и го позиционира спрямо съдържащия го елемент. Например, ако абсолютно позициониран елемент е вътре в относително позициониран елемент, всички промени в неговата позиция ще настъпят спрямо относително позиционирания елемент. Можете да експериментирате с тези различни типове позициониране, за да персонализирате кои елементи са фиксирани във вашата тема на Tumblr.
