Norėdami sutelkti fono vaizdą į savo „Tumblr“ tinklaraščio temą, redaguokite vieną paprastą CSS kodo eilutę tinklaraščio temos HTML kodo puslapyje. Apsvarstykite galimybę naudoti fono paveikslėlį, kuris užpildo fono vietą nesikartodamas, arba „išklijuoti plyteles“. Numatytosios „Tumblr Redux“ temos fono paveikslėlio funkcija pagal numatytuosius nustatymus iškloja fono vaizdus. Redaguodami tą patį CSS sakinį galite išjungti plytelių klojimą ir centruoti fono vaizdą. Atminkite, kad vaizdą galite centruoti tiek vertikaliai, tiek horizontaliai.
Atidarykite „Tumblr“, tada spustelėkite rodyklę šalia savo tinklaraščio pavadinimo, kad galėtumėte peržiūrėti visų savo tinklaraščių sąrašą. Spustelėkite tinklaraštį, kurį norite redaguoti iššokančiajame dialogo lange. Norėdami redaguoti pagrindinę tinklaraščio temą, pereikite prie kito žingsnio.
Spustelėkite skirtuką „Tinkinti“, kad atidarytumėte pasirinktą temą redagavimo režimu.
Skydelio „Tinkinti“ skiltyje „Fono paveikslėlis“ spustelėkite piktogramą „Įkelti“, tada naršykite ir spustelėkite fono vaizdą. Norėdami įkelti vaizdą, spustelėkite „Atidaryti“.
Spustelėkite nuorodą „Redaguoti HTML“, kad atidarytumėte temos redaktorių.
Paspauskite „Ctrl-F“, kad atidarytumėte įrankį „Rasti ir pakeisti“. Įvesties laukelyje įveskite „fonas“ be kabučių. Spustelėkite rodyklę žemyn, kad rastumėte šias kodo eilutes:
body {background: {color: Background} url ('{image: Background}') viršuje kairėje fiksuotas pakartojimas;
Pakeiskite „Viršutiniame kairiajame fiksuotame pakartojime“ ypatybes „Fonas“ į „Nekartoti centro centro“. Pirmasis „centro“ atvejis vertikaliai centruoja vaizdą. Antroji instancija horizontaliai centruoja vaizdą. Nepamirškite kabliataškio teiginio pabaigoje.
Spustelėkite mygtuką „Atnaujinti peržiūrą“, kad peržiūrėtumėte fono vaizdą peržiūros lange.
Spustelėkite „Išsaugoti“, kad išsaugotumėte kodo pakeitimus, tada spustelėkite piktogramą „Išeiti“, kad uždarytumėte redaktorių ir grįžtumėte į pagrindinį savo tinklaraščio puslapį.
Patarimai
Jei ketinate centruoti fono vaizdą horizontaliai ir vertikaliai, galite naudoti kodo trumpinį eilutėje „centras nesikartoja centras“. Jei viena „centro“ vertė yra praleista, tai reiškia „centro“ vertę. Jei norite centruoti vaizdą tiek vertikaliai, tiek horizontaliai, galite tiesiog naudoti centrą „be pakartojimų“.
Eilutė „nekartoti viršutinio centro“ horizontaliai centruoja vaizdą ir sulygiuoja vaizdą su puslapio viršumi.
