Как да фиксирате полето за описание, без да спирате превъртането на страницата в Tumblr

Въведение

Ако темата ви за Tumblr позволява описанието да се превърта заедно със съдържанието, можете да го задържите на място, като промените съответния CSS/HTML код.

Проверка на HTML кода

1. Влезте в Tumblr и натиснете иконата за настройки (зъбчатка) в горната част на таблото.
2. Изберете блога си от секцията „Blogs“ и кликнете върху „Edit Theme“.
3. В страничното меню натиснете „Edit HTML“. В лявата колона ще видите HTML кода, а вдясно – предварителен преглед.

Натиснете Ctrl+F и въведете няколко уникални думи от вашето описание. Това ще ви отведе директно до кода, съдържащ описанието, например block:Description.

Погледнете редовете точно над него и търсете атрибут, който позволява „плаващ“ ефект – често float, unstuck или подобно, в елемент <div id="…">. Заменете тази стойност с fixed (например <div id="fixed">), след което натиснете „Update Preview“ и проверете дали описанието остава неподвижно. Ако е успешно, запазете промените.

Търсене в CSS файла

Ако промените в HTML не дават резултат, трябва да намерите съответния CSS код.

1. В HTML редактора отгоре в полето за търсене въведете „stylesheet“. Това ще открие линка към CSS файла, обикновено в първите 50 реда – нещо от вида rel="stylesheet" href="https://…/theme.css".
2. Отворете този URL в нов раздел. Първоначално ще видите низове от символи, но след като превъртите надолу ще се появи истински CSS код.

Използвайте Ctrl+F за да намерите същата дума, която сте видели в HTML (например float). Обиколете близкия код и потърсете противоположната стойност – fixed, static или stuck. Върнете се в HTML редактора и заменете оригиналната стойност с тази, която задържа елемента.

Отново натиснете „Update Preview“ и проверете резултата. Ако описанието остава фиксирано, кликнете „Save“. Ако не, продължете да експериментирате с други възможни стойности.

Съвети

Някои теми просто не предлагат CSS правило за фиксирано описание. В такива случаи може да се наложи да добавите собствено правило в CSS файла, например:
#description {position: fixed; top: 0;}

Внимание

Не запазвайте промените, докато не сте сигурни, че предварителният преглед изглежда коректно. Некоректни промени в HTML/CSS могат да развалят оформлението на блога.