Sådan ændres baggrundsbilledet på et brugerdefineret Tumblr-tema

Opdater baggrundsbilledet på din Tumblr-blog, og ændringen kan gnistre nye kreative ideer, der katapulerer din blog i spændende nye retninger. Forskellige Tumblr tema skabere bruger alternative kodningsmetoder til at producere CSS temaer. Da der findes så mange brugerdefinerede Tumblr-temaer, er der flere måder at opdatere temaets CSS-kode på. En måde at tilføje et baggrundsfoto til ethvert brugerdefineret Tumblr-tema er at indlejre et simpelt CSS-tag på den rigtige placering i temaets HTML-kode.

1.

Naviger til Tumblr og log ind på din konto. Find din blogs navn øverst på siden Tumblr og klik på det pågældende navn.

2.

Klik på "Tilpas Apps" for at få vist en liste over dine brugerdefinerede temaer. Klik på knappen "Rediger HTML" under det tema, du ønsker at ændre. Temaets HTML-kode vises.

3.

Søg efter "" i HTML-koden. Flyt op en linje eller to og find "." Denne tag markerer slutningen af ​​dokumentets CSS-stilafsnit. Indsæt følgende tekst før "

krop {baggrundsbillede: url ('IMAGE_NAME_HERE'); baggrund-repeat: no-repeat; }

Erstat "IMAGE_NAME_HERE * med URL'en for et billede, der findes på internettet.

4.

Klik på "Opdater preview". Dit nye baggrundsbillede vises på højre side af siden. Klik på "Udseende", og klik derefter på "Gem" for at gemme dine ændringer.

Tips

  • Koden, du tilføjer til HTML-dokumentet, indeholder strengen "no-repeat." Denne strengværdi forhindrer dit billede i at gentage på tværs af websiden. Et billede kan gentages, hvis det er for lille til at dække hele websiden. Udskift "no-repeat" med gentagelse, hvis du vil have billedet til at gentage
  • Hvis du vil bruge et billede fra din computer som baggrund, skal du uploade det til et gratis billedwebsted. Webstedet vil give dig billedets URL efter uploading. Indsæt denne URL i din Tumblr HTML-kode som beskrevet i disse trin.

Populære Indlæg