Hvordan holde Header på plass på Tumblr

Hvordan holde Header på plass på Tumblr


Tilpass overskriften på bloggen til organisasjonen slik at den forblir på plass når besøkende bla gjennom siden. Du kan justere utseende og formatering av bloggens tema ved hjelp av Cascading Style Sheet koder i HTML-koden. Når du legger til "posisjon" eiendom til "#header {" tag, kan du angi posisjonen til elementet i bloggen din. Legge den "faste" verdi vil generere overskriften som en helt plassert boksen slik at du kan holde bloggens header på plass.

Bruksanvisning

1 Naviger til Tumblr Tilpass siden og deretter logge deg på kontoen din, hvis det er nødvendig.

2 Klikk på "Rediger HTML" -knappen ved siden av Custom Theme.

3 Trykk "Ctrl-F" for å åpne Tumblr oss finne verktøyet.

4 Skriv "#header" - uten anførselstegn - og klikk deretter på "OK" -knappen for å søke etter teksten i temaet HTML-kode. Gjenta prosessen om nødvendig til du finner "#header {" tag.

5 Sett inn en ny linje under #header {og skriv deretter inn følgende kode på en egen linje:

Beliggenhet: fast;

6 Klikk på "Update Preview" og forhåndsvise endringene i bloggens header i temaet forhåndsvisning til høyre.

7 Klikk "Lagre" for å publisere endringene i bloggen din spissen.

Hint

  • Bloggens innhold vil overlappe på toppen av hodet når du blar nedover på siden - med mindre du gjør justeringer i toppmargen overnattingsstedet i sitt innhold tag. For eksempel, hvis din header høyde er 100 piksler, kan du justere den øverste margin for innhold skal være 100 piksler, slik at overskriften ikke er dekket når du blar gjennom siden.
  • For å legge til en topp margin på 100 piksler til innholdet i bloggen din, legger du til følgende kode på en ny linje under temaet er "#content {" tag:
  • Margin-top: 100px;
  • Tilpasse HTML for Tumblr blog tema kan forårsake uønskede endringer i bloggens layout og utseende. Bruk Tumblr sin Recover Custom Theme siden til å gjenopprette bloggen din tidligere temaer.