Jak zatrzymać przewijanie paska bocznego w Tumblr

Aby pasek boczny w Tumblr nie przewijał się wraz z zawartością strony, trzeba wprowadzić niewielką zmianę w kodzie HTML wybranego motywu. Ponieważ każdy motyw jest inny, konkretne miejsce modyfikacji może się różnić, ale opisany poniżej proces pozwoli Ci to zrobić samodzielnie, nie będąc ekspertem w programowaniu.

Krok 1 – otwarcie edytora HTML

Zaloguj się na swój panel Tumblr, kliknij przycisk „Customize”, a następnie wybierz „Edit HTML”. Otworzy się edytor zawierający kod Twojego motywu.

Krok 2 – odnalezienie sekcji stylów

Użyj skrótu Ctrl+F i wpisz <style (bez cudzysłowów). Wyszukiwarka przeniesie Cię do początku arkusza stylów, który zazwyczaj zaczyna się od tagu <style type="text/css">.

Krok 3 – znalezienie definicji paska bocznego

Przewiń kod, aż natrafisz na regułę rozpoczynającą się od .sidebar, #sidebar lub, w przypadku paska po prawej stronie, .right_col albo #right-column. Jeśli nie jesteś pewien, którą linię edytować, możesz zastosować metodę prób‑i‑błędów opisane później.

Krok 4 – zmiana położenia

W obrębie wybranej reguły znajdź deklarację position: relative; i zamień ją na position: fixed;. Dzięki temu pasek zostanie „przyklejony” do wybranego miejsca i nie będzie się przewijał.

Krok 5 – podgląd i weryfikacja

Kliknij „Update Preview” i przewiń podgląd swojej strony. Jeśli pasek przestał się przewijać, kliknij „Save” i zamknij panel dostosowywania.

Jeśli efekt nie został osiągnięty

Możliwe, że edytowałeś niewłaściwą regułę. Cofnij zmiany (przywróć position: relative;) i ponów wyszukiwanie, wpisując w pole position:. Przejrzyj kolejne wystąpienia i zamieniaj relative na fixed, aż znajdziesz właściwą linię. Po każdej nieudanej próbie przywróć pierwotny kod, aby uniknąć niepożądanych efektów.

Ostateczne zapisanie zmian

Gdy już uda Ci się zatrzymać przewijanie paska, kliknij „Save”. Twoja modyfikacja zostanie zastosowana i pasek boczny będzie widoczny w stałej pozycji podczas przewijania strony.