Kaip pritaikyti fono paveikslėlį „Tumblr“ temoje

Įvadas

„Tumblr“ temų, kurios leidžia naudoti fono paveikslėlius, naudojimas gali suteikti jūsų tinklaraščiui patrauklesnį išvaizdą. Tačiau be tinkamų nustatymų fono vaizdas gali netinkamai matytis skirtinguose ekranuose ir naršyklėse. Šiame vadove parodysime, kaip redaguoti temos HTML kodą, kad fono paveikslėlis visada užpildytų visą puslapį, nepriklausomai nuo lankytojo ekrano raiškos.

Žingsniai

1. Prisijunkite prie savo Tumblr paskyros ir eikite į Settings (Nustatymai) skiltį valdymo skydelyje.
2. Pasirinkite redaguojamą tinklaraštį (jei turite kelis) ir spustelėkite Customize (Keisti išvaizdą).
3. Spustelėkite Edit HTML (Redaguoti HTML), kad atidarytumėte temos šaltinio kodą, ir paspauskite Ctrl+F, kad atidarytumėte paieškos langelį.
4. Įveskite body { (be kabučių) ir paspauskite Enter, kad rastumėte body sekciją.
5. Į body bloko tarpą, tarp atidarančių ir uždarančių skliaustų, pridėkite šią eilutę:
   background-size: cover;
6. Norint užtikrinti suderinamumą su Safari ir Chrome, pridėkite:
   -webkit-background-size: cover;
7. Firefox naršyklei pridėkite:
   -moz-background-size: cover;
8. Opera naršyklei pridėkite:
   -o-background-size: cover;
9. Paspauskite Update Preview (Atnaujinti peržiūrą), patikrinkite, ar fonas atrodo tinkamai, ir galiausiai spustelėkite Save (Išsaugoti).