Hvordan å opprettholde fast bredde på Tumblr

February 13

Mens noen innhold styringssystemer bruke Cascading Style Sheets å endre stilelementer og kontroll sidebredde, bruker Tumblr en enkelt HTML-dokument for å kontrollere hvordan innleggene vises. Du kan bruke CSS styling med Tumblr, men du må definere og kalle stiler innen samme dokument. Opprette en fast bredde blogg, så betyr tweaking Tumblr kjerne HTML-fil.

Bruksanvisning

1 Logg deg på Tumblr blogg, og klikk på navnet på bloggen din i oversikten øverst under List ikonet. Klikk "Tilpass utseende" i kolonnen til høyre, og velg deretter "Rediger HTML" under aktiv tema. I sin enkleste form, har en Tumblr blogg <html>, <head> og <body> tags, alle tre som vil være på toppen av temaet fil.

2 Plasser markøren etter <head> -taggen og trykk "Enter" for å opprette en ny linje i koden. Skriv inn følgende for å lage en del av HTML der du kan definere alle stilene:

3 Trykk "Enter" og deretter skriver du:

container {

width: 900px;
float: auto;
}

Bytt ut "width" verdi med den ønskede bredden på Tumblr blogg.

4 Type "</ style>" etter "#container" definisjon og trykk "Enter".

5 Bla nedover i koden til åpningen "<body>" tag og sette inn denne kodebiten - <div id = "container"> - rett under den koden. Bla til slutten av HTML-fil og skriv "</ div>" umiddelbart før den avsluttende </ body> -koden. Dette vil plassere alt innholdet i din Tumblr blogg i en beholder 900 piksler bred.

6 Klikk "Lagre" for å lagre endringene i din Tumblr kode. Last bloggen din i et nytt nettleservindu og teste innstillingene, holde HTML editor åpen i det første vinduet. Veksle frem og tilbake, justere "width" variable før siden vises som du ønsker. Hvis siden skyve til venstre, fjerne "float: auto" linje i <style> koder.

Hint

Ved hjelp av en fast bredde vil bryte noen mobil temaer for bloggen din og mobile enheter vil automatisk velge den fullstendige nettstedet versjonen.