whycomputer.com >> Datornätverk >  >> Internet

Anpassa Tumblr‑bakgrunden så den alltid täcker sidan

Steg för att göra din Tumblr‑bakgrund responsiv

En Tumblr‑tema som stöder bakgrunds‑bilder ger ditt blogg ett mer dynamiskt intryck. Men du har ingen kontroll över besökares skärmupplösning. För att säkerställa att din bakgrund alltid fyller hela sidan oavsett enhet eller webbläsare, måste du justera temakoden.

1. Öppna Temaredigeraren

Logga in på ditt Tumblr‑konto och gå till Inställningar i instrumentpanelen. Välj det blogg du vill redigera (om du har flera) och klicka på Anpassa. Välj sedan Redigera HTML för att komma åt temakoden.

2. Hitta body‑sektionen

Tryck Ctrl‑F (eller Cmd‑F på Mac) och skriv body { för att hoppa till body‑blocket.

3. Lägg till CSS för responsiv bakgrund

Lägg till följande rader någonstans mellan { och } i body‑sektionen:

background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

Denna kod tvingar bakgrundsbilden att alltid skala så att den täcker hela sidan och bibehåller bildens proportioner.

4. Förhandsgranska och spara

Klicka på Uppdatera förhandsgranskning för att se hur bilden ser ut. När du är nöjd, klicka på Spara för att göra ändringarna permanenta.

Nu kommer din Tumblr‑bakgrund att anpassas automatiskt efter varje besökares skärmupplösning, vilket ger ett enhetligt och professionellt utseende på alla enheter.


URL:https://sv.whycomputer.com/internet/1014018808.html

Internet
  • Skapa en gradientbakgrund i WordPress

    Webbdesign med CSS ger dig möjlighet att skapa gradientbakgrunder utan att behöva bildfiler. I WordPress kan du inte direkt applicera en gradient på body-taggen, men du kan lägga en div som omsluter hela sidan. Många teman baserade på CSS‑ramverk har redan en sådan div; om inte kan du enkelt lägga t

  • Hur du får Yahoo-hemsidan att passa skärmen

    Yahoo låter dig skapa en skräddarsydd My Yahoo-hemsida som innehåller din e-postinkorg samt anpassat innehåll som nyheter, aktiekurser och filmförslag. Ibland passar dock allt inte in i webbläsarens fönster, vilket gör att du måste scrolla fram och tillbaka för att se hela sidan. Genom att justera i

  • Ändra rubrikens typsnitt på Tumblr

    Tumblr uppmuntrar sina användare att uttrycka sig på ett modigt och unikt sätt, vilket även återspeglas i deras benämning – bokstaven e är frånvarande i appens namn. För att anpassa hur din blogg ser ut har du tillgång till den bakomliggande koden, så att du enkelt kan byta typsnitt för rubriken. St

Datornätverk © https://sv.whycomputer.com