Какво означават фиксираните елементи в Tumblr?

Терминът "фиксирани елементи" в Tumblr се отнася за всеки обект във вашата Tumblr тема, който не се движи спрямо прозореца на браузъра. Например темата ви може да има фиксирана странична лента. В този случай страничната лента не се движи, когато превъртите надолу страницата; тя винаги остава на същото място по отношение на прозореца на браузъра. Фиксираните елементи се дефинират в кода на каскадните стилове във вашата тема.

HTML и CSS

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

Намиране на CSS темата

За да намерите изходния код на вашата тема, трябва да влезете в профила си в Tumblr. От таблото за управление кликнете върху иконата на зъбно колело, за да влезете в менюто Настройки. В менюто Настройки изберете блога, който искате да видите. В менюто за персонализиране на блога кликнете върху „Персонализиране“ в раздела „Тема“. Това ще ви отведе до страницата за персонализиране на темата. Под заглавието на темата кликнете върху „Редактиране на HTML“. Това ще покаже HTML и CSS на вашата тема.

Позицията: Фиксирана собственост

В кода на вашата тема можете да натиснете "Ctrl-F", за да търсите специфични елементи. Ако въведете "position: fixed" в полето за търсене, можете да преминете през различни инстанции на фиксирани елементи във вашата тема. Ако търсенето ви не дава резултати или е по-малко от очакваното, опитайте да търсите „позиция: фиксирана“ без място след двоеточие. Елементът, който е фиксиран, ще бъде посочен преди скобата "{". Например #sidebar {position: fixed;} ще фиксира елемент с идентификатора за "страничната лента".

Позициониране на елементите

След като методът за позициониране на даден елемент е бил Можете да го преместите по хоризонтални или вертикални оси с определен брой пиксели. За да направите това, укажете ръба на контейнера на елемента и броя на пикселите, които искате да отделите от този ръб. Например, #sidebar {position: fixed; отгоре: 20px; right: 10px;} ще позиционира страничната лента 20 пиксела от горната част на прозореца на браузъра и 10 пиксела отдясно на прозореца на браузъра.

Промяна на фиксирани елементи

Ако намерите фиксиран елемент, можете да промените начина, по който е позициониран. Атрибутът "position: static" фиксира позицията на елемента спрямо мястото му в потока на HTML кода. Този атрибут се използва за компенсиране на елемента с определена сума от неговата нормална статична позиция. Например, #sidebar {position: relative; right: 20px;} ще компенсира #sidebar елемента 20 пиксела от нормалната дясна граница. Накрая, атрибутът position: absolute премахва елемента от потока на документа и го позиционира спрямо съдържащия го елемент. Например, ако абсолютен позициониран елемент е вътре в относително позициониран елемент, всички промени в неговото положение ще се появят спрямо относително позиционирания елемент. Можете да експериментирате с тези различни типове позициониране, за да персонализирате кои елементи са фиксирани в темата на Tumblr.

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