Een achtergrond centreren op Tumblr

Als u een achtergrondafbeelding in uw Tumblr-blogthema wilt centreren, bewerkt u een eenvoudige regel CSS-code op de HTML-codepagina van het blogthema. Overweeg een achtergrondafbeelding te gebruiken die de achtergrondruimte vult zonder te herhalen of te "tegelen". De achtergrondafbeeldingsfunctie in het standaard Tumblr Redux-thema betegelt standaard achtergrondafbeeldingen. U kunt tegels uitschakelen en de achtergrondafbeelding centreren door dezelfde CSS-instructie te bewerken. Merk op dat u de afbeelding zowel verticaal als horizontaal kunt centreren.

Open Tumblr en klik vervolgens op de pijl naast je blognaam om een ​​lijst met al je blogs te bekijken. Klik op de blog die u wilt bewerken in het pop-upvenster. Ga naar de volgende stap om uw primaire blogthema te bewerken.

Klik op het tabblad "Aanpassen" om het geselecteerde thema in de bewerkingsmodus te openen.

Klik op het pictogram "Uploaden" in het gedeelte Achtergrondafbeelding van het paneel Aanpassen, blader vervolgens naar en klik op de achtergrondafbeelding. Klik op "Openen" om de afbeelding te uploaden.

Klik op de link "HTML bewerken" om de thema-editor te openen.

Druk op "Ctrl-F" om de tool Zoeken en vervangen te openen. Typ "achtergrond", zonder aanhalingstekens, in het invoervak. Klik op de pijl-omlaag om de volgende regels code te vinden:

body { background: {color:Background} url('{image:Background}') linksboven vaste herhaling;

Wijzig de achtergrondeigenschapswaarden van "vaste herhaling linksboven" in "midden zonder herhaling". De eerste instantie van "center" centreert de afbeelding verticaal. De tweede instantie centreert de afbeelding horizontaal. Vergeet de puntkomma aan het einde van de verklaring niet.

Klik op de knop "Voorbeeld bijwerken" om de achtergrondafbeelding in het voorbeeldvenster te bekijken.

Klik op "Opslaan" om de codebewerkingen op te slaan en klik vervolgens op het pictogram Afsluiten om de editor te sluiten en terug te keren naar de hoofdpagina van uw blog.

Tips

U kunt een code-afkorting gebruiken voor de regel "geen herhaling in het midden" als u van plan bent uw achtergrondafbeelding zowel horizontaal als verticaal te centreren. Als één "center"-waarde wordt weggelaten, wordt de waarde "center" geïmpliceerd. U kunt eenvoudig "centrum zonder herhaling" gebruiken om de afbeelding zowel verticaal als horizontaal te centreren.

De regel "niet herhalen midden boven" centreert de afbeelding horizontaal en lijnt de afbeelding uit met de bovenkant van de pagina.