whycomputer.com >> Wiedza o Internecie >  >> Internet

Jak utworzyć stały pasek boczny na Tumblr

Jeśli kiedykolwiek przewijałeś stronę internetową i element na niej się nie poruszał, byłeś świadkiem tagu pozycji CSS w akcji. Blogerzy Tumblr, którzy dodają ten tag do swoich szablonów, mogą tworzyć ten sam efekt na swoich blogach. Dobrym miejscem do wypróbowania tego jest pasek boczny. Po dodaniu tagu pozycji do kodu HTML bloga pasek boczny pozostaje niezmieniony, gdy ludzie przewijają strony bloga w górę iw dół.

Odwiedź pulpit nawigacyjny Tumblr, a następnie kliknij ikonę ustawień i nazwę blogu, którego używasz. Chciałbym zaktualizować. Jeśli masz tylko jednego bloga, kliknij jego nazwę.

Kliknij „Dostosuj”, a następnie „Dodano HTML”. Tumblr otwiera twój motyw i wyświetla jego kod HTML.

Kliknij w dowolnym miejscu kodu i naciśnij „Ctrl-A”, a następnie „Ctrl-C”, aby skopiować kod do schowka Windows. Otwórz nowy dokument Notatnika i wklej kod do dokumentu. Te kroki zapewniają, że masz kopię zapasową oryginalnego szablonu.

Wróć do kodu HTML Tumblr i naciśnij „Ctrl-F”, aby otworzyć pole wyszukiwania. Wpisz „sidebar” w tym polu wyszukiwania, a następnie naciśnij „Enter”. Tumblr znajdzie pierwsze wystąpienie „paska bocznego” i wyświetli sekcję kodu, która zawiera to słowo. Kod, który znajdzie, powinien wyglądać podobnie do następującego:

wrapper #sidebar {color: {color: Background}; }

Pierwszy wiersz kodu zawiera słowa #wrapper #sidebar. Lewy nawias podąża za tymi słowami.

Wklej następujący kod bezpośrednio pod pierwszym wierszem kodu:

position: fixed; right: 100px;

Atrybut position nakazuje przeglądarkom naprawić pasek boczny, aby nie przesuwał się podczas przewijania. Prawy atrybut mówi przeglądarkom, ile pikseli chcesz, aby prawa krawędź paska bocznego znajdowała się na prawym marginesie strony internetowej. W tym przykładzie prawy atrybut ma wartość 100px.

Kliknij „Aktualizuj podgląd”, aby wyświetlić podgląd zmian. Przeciągnij pasek przewijania okna w górę iw dół, a zobaczysz, że pasek boczny się nie porusza. Kliknij „Zapisz”, aby zapisać zmiany.

Wskazówki

Możesz poeksperymentować z różnymi wartościami odpowiedniego atrybutu, jeśli chcesz dostosować położenie poziome paska bocznego. Na przykład, jeśli zmienisz wartość ze 100 na 50 pikseli, pasek boczny przesunie się w prawo o 50 pikseli.

Ostrzeżenia

Zachowaj ostrożność podczas pracy w edytorze HTML, ponieważ przypadkowa zmiana istniejącego kodu może mieć dramatyczny wpływ na układ strony. Jeśli zmienisz kod i nie możesz dowiedzieć się, jak cofnąć zmiany, zawsze możesz usunąć wszystko w edytorze HTML i wkleić skopiowany kod do edytora, aby przywrócić go do oryginalnego stanu.

URL:https://pl.whycomputer.com/Internet/100319141.html

Internet
  • Jak wyświetlać tagi na pasku bocznym Tumblr

    Wyświetlaj tagi na pasku bocznym Tumblr, aby pomóc skategoryzować posty i umożliwić czytelnikom odwoływanie się do interesujących ich tematów. Prawdopodobnie najłatwiejszym sposobem dodania linku do tagu jest umieszczenie generatora chmur tagów, który wyświetla wszystkie tagi i klasyfikuje je na pod

  • Jak ukryć archiwum i RSS na Tumblr

    Niektóre motywy dostępne w Tumblr zawierają linki do archiwum i kanałów RSS bloga. Podczas gdy motywy takie jak Rubber Cement pozwalają ukryć linki archiwum i RSS, w innych motywach brakuje tej opcji. Jednak Tumblr pozwala edytować kod HTML dla dowolnego zainstalowanego motywu, co ułatwia ukrywanie

  • Jak zdobyć świecący kursor na Tumblrze

    Świecący kursor jest jednym ze sposobów, aby ulepszyć swoje konto Tumblr. Wystarczy tylko dodać niewielki kod do szablonu, którego używasz na swoim blogu. Wybierając kursor, który chcesz dodać, weź pod uwagę kolory szablonu, typ czytników, które posiada konto Tumblr oraz sposób, w jaki nowy kursor b

Wiedza o Internecie © https://pl.whycomputer.com