Hvordan Sentrer Header på Tumblr

Du kan tilpasse utseendet på Tumblr blogg med et tilpasset tema. Noen ganger kan det være lurt å gjøre små endringer i egendefinert tema. For eksempel, hvis overskriften på temaet ikke er sentrert, kan du ønsker å sentrere det samtidig all annen formatering det samme. For å gjøre dette, må du redigere HTML av tema og legge til egendefinerte CSS. Endringene i både HTML og CSS er minimal, men de må plasseres på riktig sted med riktig syntaks for å tre i kraft.

Bruksanvisning

1 Logg deg på Tumblr-konto.

2 Klikk på tannhjulikonet øverst på siden. Dette vil åpne Innstillinger-menyen for kontoen din.

3 Klikk på bloggen du ønsker å konfigurere. Bloggene vil bli oppført i venstre kolonne.

4 Klikk på "Tilpass" -knappen i Theme delen.

5 Klikk på "Rediger HTML" i venstre kolonne på temaet tilpasning menyen. Dette vil avsløre HTML bak temaet.

6 Finn header elementene i HTML-koden. Fordi hver Tumblr tema er forskjellig, kan navnene på disse elementene varierer mellom temaer. Standard label for en overskrift bilde er «image: Header." I tag innen hvilke overskriftselement er inneholdt, legge til følgende tekst: id = "header". For eksempel bør du header image tag lese: <img id = "header" src = "{image: Header}" alt = "{tittel}">.

7 Klikk på "Lagre".

8 Klikk på "Utseende" -knappen øverst i HTML-redigeringsskjermen. Dette vil ta deg tilbake til temaet tilpasning menyen.

9 Åpne kategorien "Advanced" alternativer nederst i venstre kolonne.

10 Skriv inn sentre informasjon i "Legg til tilpasset CSS" -feltet. For å sentrere elementet du har merket med overskriften ID, stil til venstre og høyre marg automatisk. For eksempel bør CSS lese: #header {display: block; margin-left: auto; margin-right: auto;}. Dette vil forlenge ditt bilde med lik avstand fra både venstre og høyre marg.

11 Klikk på "Lagre" knappen øverst på siden.

Hint

• Hvis det allerede er en CSS-ID som heter "header" i temaet, navngi den tilpassede ID noe annet å unngå styling konflikter med det som allerede er kodet.