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

Jak utrzymać nagłówek na miejscu na Tumblrze

Nagłówek bloga Tumblr oferuje dobrą okazję do promowania marki lub logo, ale nie jest już widoczny po tym, jak użytkownicy zaczną przewijać posty. Aby utrzymać nagłówek w miejscu, tak aby był widoczny nawet podczas przewijania gości, musisz edytować kod HTML swojego motywu Tumblr. Tumblr daje Ci dostęp do kodu źródłowego wybranego motywu i możesz wyświetlić podgląd wyników przed zapisaniem zmian.

Zaloguj się na swoje konto Tumblr i wejdź na stronę „Ustawienia” na pulpicie nawigacyjnym.

Wybierz swój blog Tumblr z listy po lewej stronie, a następnie kliknij „Dostosuj”, aby uzyskać dostęp do ekranu dostosowywania.

Kliknij „Edytuj HTML”, aby uzyskać dostęp do zintegrowanego edytora kodu motywu Tumblr.

Przewiń kod i znajdź sekcję definiującą nagłówek bloga. Sekcja różni się w zależności od używanego motywu. Na przykład motywy takie jak Gumowy cement i Plaid, które używają twojego tytułu na blogu jako nagłówka tekstu, używają znacznika „H1”, aby zdefiniować sekcję nagłówka. Motywy, które pozwalają na przesłanie nagłówka obrazu, takiego jak Redux, użyj tagu „#wrapper #title”.

Dodaj nową linię do sekcji kodu nagłówka i wpisz „position: fixed;” (bez cudzysłowów), aby określić, że nagłówek musi pozostać na miejscu, gdy reszta strony się przewija.

Dodaj kolejny wiersz poniżej nowo dodanego kodu i wpisz „z-index: 100;” (bez cudzysłowów), aby określić, że nagłówek musi zawsze pozostać najwyższą warstwą. Wartość „z-index” zapobiega nakładaniu się innych elementów strony, takich jak obrazy lub filmy, na nagłówek, gdy użytkownicy przewijają stronę w dół.

Kliknij przycisk „Aktualizuj podgląd” i użyj kółka przewijania myszy lub pasków przewijania przeglądarki przewinąć w dół swojego bloga Tumblr. Sprawdź, czy nagłówek pozostaje niezmieniony.

Kliknij przycisk „Zapisz”, aby zapisać zmiany wprowadzone w kodzie motywu.

Wskazówki

Zmiana kodu aby zachować nagłówek na miejscu, nagłówek może nakładać się na treść postu i pasek boczny w niektórych tematach. Dodaj linię „margin-top: 300px;” (gdzie wartość liczbowa to wysokość nagłówka) do sekcji postu i paska bocznego kodu, aby zachować nagłówek nad inną zawartością strony.

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

Internet
  • Jak wstawić aplikacje Tumblr na pasku bocznym

    Wiele stron internetowych oferuje widżety do umieszczenia na swoim blogu, otwierając szeroką gamę możliwości dostosowywania. Jeśli motyw Tumblr zawiera pasek boczny, możesz wstawiać aplikacje na stronie bloga, wklejając wiersz kodu HTML do tagu paska bocznego motywu. Witryny oferujące widżety mogą g

  • Jak usunąć Daty na Tumblr

    Ukrywanie dat na swoim blogu Tumblr sprawia, że ​​strona wygląda na bardziej uproszczoną i może uniemożliwić jej przestarzałe. Ponieważ motyw bloga steruje datami, musisz zmodyfikować kod HTML motywu, aby je ukryć. Na szczęście łatwo jest znaleźć odpowiednią sekcję kodu i możesz ją wyłączyć, komentu

  • 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

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