Kaip suderinti „Tumblr“ išdėstymą

„Tumblr“ leidžia tinkinti savo dienoraščio išdėstymą, įskaitant suderinimą, naudodami šablono kaskadinio stiliaus lapą. Pakeitus išdėstymo derinimą, pakeisite turinio blokų padėtį, kad perkeltumėte juos į kairę, dešinę arba ekrano centrą. Jei norite redaguoti „Tumblr“ CSS failą, turite jį atsisiųsti į savo kompiuterį, atlikti pakeitimus teksto redaktoriuje ir įkelti jį į „Tumblr“, kai tik pakeitimai bus atlikti.

Atsisiųsti išdėstymo CSS failą

1.

Prisijunkite prie „Tumblr“ prietaisų skydelio, spustelėkite savo dienoraščio pavadinimą ir spustelėkite „Tinkinti išvaizdą“.

2.

Spustelėkite kairiojo rėmelio mygtuką „Redaguoti HTML“, kad pamatytumėte savo HTML išdėstymą.

3.

HTML koduotėje suraskite CSS failo URL adresą. Paprastai tai yra šalia kodavimo viršuje ir baigsis .css failo plėtinys.

4.

Pažymėkite CSS failo URL, dešiniuoju pelės mygtuku spustelėkite ir pasirinkite „Kopijuoti“.

5.

Atidarykite naują skirtuką arba langą savo interneto naršyklėje ir įklijuokite nukopijuotą URL adresą į naršyklės adreso juostą, kad pereitumėte prie failo. Jūsų naršyklės lange pamatysite savo Tumblr išdėstymo CSS kodavimą.

6.

Dešiniuoju pelės mygtuku spustelėkite tuščią lango sritį ir pasirinkite „Išsaugoti“ arba „Išsaugoti kaip“, kad kopijuotumėte failą į kompiuterį.

Keisti Tumblr Alignment

1.

Atidarykite išsaugotą CSS failą teksto redaktoriuje, pvz., „Notepad“ arba „Wordpad“.

2.

Ieškokite derinimo savybių, pvz., „Marža“ ir „padėtis“ šablono CSS faile. Tai bus skirtinga, priklausomai nuo originalaus šablono kodavimo, tačiau dažnai bus rodoma „Kūno“ kodavimo bloke.

3.

Pakeiskite esamą derinimo kodą, kad pakeistumėte savo šablono išdėstymą. Pvz., Jei norite sutelkti išdėstymo derinimą, įveskite šį kodą į pagrindinį CSS bloką:

margin-left: auto; paraštė-dešinė: automatinė; plotis: 80%;

Jei norite suderinti išdėstymą į kairę, į pagrindinį CSS bloką įveskite šį kodą:

pozicija: absoliutus; kairėje: 0px;

Jei norite suderinti išdėstymą dešinėje, naudokite aukščiau pateiktą kodą, bet pakeiskite „kairę“ nuosavybę į „teisę“.

4.

Pakeitę kodą, išsaugokite CSS failo pakeitimus.

Įkelkite naują CSS failą

1.

Eikite į „Tumblr“ tinklalapio puslapį „Įkelti statinį failą“ (žr. Failą „Ištekliai“) ir spustelėkite „Pasirinkite failą“, kad naršytumėte kompiuterį CSS failui.

2.

Pasirinkite failą ir spustelėkite mygtuką „Įkelti failą“, kad išsaugotumėte CSS failą į „Tumblr“ paskyrą. Kai įkėlimas bus baigtas, „Tumblr“ parodys naujo failo URL adresą.

3.

Nukopijuokite CSS failo URL adresą ir grįžkite į HTML kodo redaktorių Tumblr tinklaraštyje.

4.

Pakeiskite esamo CSS failo URL į tiesiog įkeltą CSS failo URL adresą.

5.

Jei norite pamatyti „Tumblr“ išdėstymo pakeitimus, spustelėkite „Atnaujinti peržiūrą“. Jei norite paskelbti pakeitimus, spustelėkite „Išsaugoti“.

Rekomenduojama