Een achtergrondafbeelding in je Tumblr-thema plaatsen

Inhoudsopgave:

Een achtergrondafbeelding in je Tumblr-thema plaatsen
Een achtergrondafbeelding in je Tumblr-thema plaatsen

Video: Een achtergrondafbeelding in je Tumblr-thema plaatsen

Video: Een achtergrondafbeelding in je Tumblr-thema plaatsen
Video: Hoe stel je een email handtekening in in Microsoft Outlook? 2024, Mei
Anonim

Deze wikiHow leert je hoe je een foto kunt weergeven als de achtergrond van je Tumblr. Van sommige Tumblr-thema's kan de achtergrondafbeelding niet worden gewijzigd, of dit nu via upload of HTML-bewerking is.

Stappen

Methode 1 van 2: Een aanpasbaar thema gebruiken

Zet een achtergrondafbeelding in je Tumblr-thema Stap 1
Zet een achtergrondafbeelding in je Tumblr-thema Stap 1

Stap 1. Ga naar de website van Tumblr

Het is te vinden op https://www.tumblr.com/. Als je bent ingelogd in je browser, ga je naar je Tumblr-startpagina.

Als je niet bent aangemeld bij Tumblr, voer je je e-mailadres en wachtwoord in en klik je op Inloggen.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 2
Zet een achtergrondafbeelding in je Tumblr-thema Stap 2

Stap 2. Klik op uw profielpictogram

Dit is het pictogram in de vorm van een persoon in de rechterbovenhoek van de pagina.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 3
Zet een achtergrondafbeelding in je Tumblr-thema Stap 3

Stap 3. Klik op de naam van de blog die je wilt bewerken

Je vindt het onder de kop "TUMBLRS" ongeveer halverwege het vervolgkeuzemenu voor profielen.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 4
Zet een achtergrondafbeelding in je Tumblr-thema Stap 4

Stap 4. Klik op Vormgeving bewerken

Deze optie staat in de rechterbovenhoek van de pagina, net onder de Concepten en Berichten secties.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 5
Zet een achtergrondafbeelding in je Tumblr-thema Stap 5

Stap 5. Klik op Thema bewerken

Het staat rechts van de kop 'Websitethema' onder je profielfoto.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 6
Zet een achtergrondafbeelding in je Tumblr-thema Stap 6

Stap 6. Zoek naar een camera- of potloodpictogram naast Achtergrond

Deze optie staat onder de kop "THEMA OPTIES". Als je een camera- of potloodpictogram ziet rechts van Achtergrond, kunt u uw eigen afbeelding uploaden.

  • Sommige Tumblr-thema's hebben een variatie van: Achtergrond (bijv. Kies een achtergrond) hier.
  • Als je deze optie niet ziet in de thema-opties van je blog, ga dan verder met de volgende methode.
  • Enkele gratis thema's waarmee je je eigen foto kunt uploaden zijn "Catching Elephant" en "Papercut". Betaalde thema's zijn onder andere "Queens" en "Halcyon".
Zet een achtergrondafbeelding in je Tumblr-thema Stap 7
Zet een achtergrondafbeelding in je Tumblr-thema Stap 7

Stap 7. Klik op het camerapictogram

Als u dit doet, wordt een venster geopend waarin u een foto van uw computer kunt selecteren.

Voor sommige thema's klikt u in plaats daarvan op een potloodpictogram

Zet een achtergrondafbeelding in je Tumblr-thema Stap 8
Zet een achtergrondafbeelding in je Tumblr-thema Stap 8

Stap 8. Selecteer een foto

Afhankelijk van uw computer en de locatie waar dit venster wordt geopend, moet u mogelijk naar de map Foto's van uw computer navigeren.

  • Bij sommige thema's moet u eerst klikken op Kies een foto.
  • Zorg ervoor dat de foto van relatief hoge kwaliteit is. Anders kan het er korrelig of onscherp uitzien.
Zet een achtergrondafbeelding in je Tumblr-thema Stap 9
Zet een achtergrondafbeelding in je Tumblr-thema Stap 9

Stap 9. Klik op Openen

Het staat onderaan het venster. Als je dit doet, wordt je foto geüpload naar Tumblr; je thema zou binnen een paar seconden moeten worden vernieuwd om je nieuwe achtergrond weer te geven.

Methode 2 van 2: HTML bewerken

Zet een achtergrondafbeelding in je Tumblr-thema Stap 10
Zet een achtergrondafbeelding in je Tumblr-thema Stap 10

Stap 1. Ga naar de website van Tumblr

Het is te vinden op https://www.tumblr.com/. Als je bent ingelogd in je browser, ga je naar je Tumblr-startpagina.

Als je niet bent aangemeld bij Tumblr, voer je je e-mailadres en wachtwoord in en klik je op Inloggen.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 11
Zet een achtergrondafbeelding in je Tumblr-thema Stap 11

Stap 2. Klik op uw profielpictogram

Deze knop in de vorm van een persoon bevindt zich in de rechterbovenhoek van de pagina.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 12
Zet een achtergrondafbeelding in je Tumblr-thema Stap 12

Stap 3. Klik op de naam van de blog die je wilt bewerken

Het staat onder de kop "TUMBLRS" ongeveer halverwege het vervolgkeuzemenu voor profielen.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 13
Zet een achtergrondafbeelding in je Tumblr-thema Stap 13

Stap 4. Klik op Vormgeving bewerken

Deze optie staat in de rechterbovenhoek van de pagina, net onder de Concepten en Berichten secties.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 14
Zet een achtergrondafbeelding in je Tumblr-thema Stap 14

Stap 5. Klik op Thema bewerken

Het staat rechts van de kop 'Websitethema' onder je profielfoto.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 15
Zet een achtergrondafbeelding in je Tumblr-thema Stap 15

Stap 6. Klik op HTML bewerken

Deze link staat onder de naam van je thema boven aan de zijbalk 'Thema's bewerken'.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 16
Zet een achtergrondafbeelding in je Tumblr-thema Stap 16

Stap 7. Klik op het tandwielpictogram

Het staat in de linkerbovenhoek van de balk "HTML bewerken".

Zet een achtergrondafbeelding in je Tumblr-thema Stap 17
Zet een achtergrondafbeelding in je Tumblr-thema Stap 17

Stap 8. Klik op Zoeken en vervangen

Als u dit doet, wordt een venster geopend waarin u kunt zoeken naar de regel code die u moet bewerken.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 18
Zet een achtergrondafbeelding in je Tumblr-thema Stap 18

Stap 9. Typ body {

Deze tag is aanwezig in alle Tumblr-thema's die een aanpasbare achtergrondafbeelding bevatten.

Als de HTML van uw geselecteerde thema geen "body {"-tag bevat, kunt u de achtergrondafbeelding niet wijzigen

Zet een achtergrondafbeelding in je Tumblr-thema Stap 19
Zet een achtergrondafbeelding in je Tumblr-thema Stap 19

Stap 10. Zoek de achtergrond:

label.

Dit staat direct onder de tag "body {"; je voegt hier de URL van je afbeelding toe tussen de ":" en de ";" aan het einde van de lijn.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 20
Zet een achtergrondafbeelding in je Tumblr-thema Stap 20

Stap 11. Vervang alle tekst tussen "achtergrond:

"en ";" met uw URL-tag.

De URL-tag moet als volgt worden geschreven: url().

In de praktijk zal deze hele regel background zeggen: url(www.website.com/image.jpg);. Houd er rekening mee dat er een spatie is tussen het gedeelte "achtergrond:" en het gedeelte "url"

Zet een achtergrondafbeelding in je Tumblr-thema Stap 21
Zet een achtergrondafbeelding in je Tumblr-thema Stap 21

Stap 12. Voer de URL van uw afbeelding in tussen haakjes

De door u geselecteerde URL moet eindigen op een bestandsextensie voor afbeeldingen, zoals-j.webp

Open afbeelding in een nieuw tabblad, en kopieer de URL vanaf daar.

Als u een originele foto wilt gebruiken, kunt u deze uploaden naar een service zoals Photobucket of Imgur

Zet een achtergrondafbeelding in je Tumblr-thema Stap 22
Zet een achtergrondafbeelding in je Tumblr-thema Stap 22

Stap 13. Klik op Voorbeeld bijwerken

Dit is de groene knop in de rechterbovenhoek van de zijbalk "HTML bewerken". U zou uw geselecteerde afbeelding moeten zien verschijnen.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 23
Zet een achtergrondafbeelding in je Tumblr-thema Stap 23

Stap 14. Verplaats de afbeelding indien nodig

Als uw afbeelding scheef staat of abrupt wordt afgebroken, voert u de volgende drie regels code in onder de tag "achtergrond":

  • achtergrond-bijlage: vast; - Zo blijft je afbeelding op één plek.
  • achtergrondherhaling: geen herhaling; - U kunt ook niet herhalen wijzigen om herhalen te zeggen als u wilt dat uw afbeelding wordt herhaald terwijl gebruikers naar beneden scrollen.
  • achtergrondpositie:midden; - U kunt ook rechts of links gebruiken in plaats van midden.
  • Je kunt ook een regel toevoegen met de tekst background-size: cover om je afbeelding de hele achtergrond te laten vullen.
Zet een achtergrondafbeelding in je Tumblr-thema Stap 24
Zet een achtergrondafbeelding in je Tumblr-thema Stap 24

Stap 15. Klik op Opslaan

Het is de blauwe knop links van Voorproefje van de nieuwe versie bovenaan de zijbalk "HTML bewerken".

Zet een achtergrondafbeelding in je Tumblr-thema Stap 25
Zet een achtergrondafbeelding in je Tumblr-thema Stap 25

Stap 16. Klik op ←

Het staat in de linkerbovenhoek van de pagina.

Zet een achtergrondafbeelding in je Tumblr-thema Stap 26
Zet een achtergrondafbeelding in je Tumblr-thema Stap 26

Stap 17. Klik op Afsluiten

Je ziet deze optie in de linkerbovenhoek van de zijbalk 'Thema bewerken'. Je Tumblr-thema heeft nu een achtergrondafbeelding.

Aanbevolen: