Kaip centruoti foną „Tumblr“

Norėdami centruoti foninį paveikslėlį Tumblr tinklaraščio temoje, pakoreguokite vieną CSS eilutę temų HTML kode. Patartina naudoti foną, kuris užpildo visą plotą be pakartojimo (be „plytelės“). Numatytoji „Tumblr Redux“ tema foną rodo kaip plytelę – tai galima išjungti ir centruoti paveikslėlį redaguojant tą pačią CSS komandą. Paveikslėlį galima centruoti tiek vertikaliai, tiek horizontaliai.

Kaip tai padaryti

1. Prisijunkite prie Tumblr, spustelėkite rodyklę šalia savo tinklaraščio pavadinimo ir pasirinkite norimą tinklaraštį. Jei norite redaguoti pagrindinį tinklaraštį, pereikite tiesiai prie kito žingsnio.
2. Spustelėkite „Customize“ (Tinkinti), kad atidarytumėte temą redagavimo režimu.
3. Skiltyje Background Image (Fono paveikslėlis) spustelėkite Upload (Įkelti) ir pasirinkite norimą foninį paveikslėlį. Patvirtinkite spustelėdami Open (Atverti).
4. Spustelėkite "Edit HTML", kad atidarytumėte temų redaktorių.
5. Paspauskite Ctrl+F ir įveskite background. Raskite eilutę, kuri atrodo taip:

body { background: {color:Background} url('{image:Background}') top left fixed repeat;

6. Pakeiskite top left fixed repeat į no-repeat center center. Pirmasis center centruoja vertikaliai, antrasis – horizontaliai. Nepamirškite pridėti kabliataškio ; eilutės pabaigoje.
7. Paspauskite Update Preview, kad pamatytumėte rezultatą peržiūroje.
8. Spustelėkite Save ir uždarykite redaktorių, spustelėdami Exit (Išeiti).

Patarimai

• Jei norite centruoti paveikslėlį tiek horizontaliai, tiek vertikaliai, galite naudoti sutrumpintą formą no-repeat center – kai nenurodoma antras „center“, jis laikomas automatiškai.
• Komanda no-repeat top center centruoja paveikslėlį horizontaliai ir išlygiuoja jį puslapio viršuje.