Kaip paprastai pakeisti Tumblr įrašų antraščių stilių su CSS

Kurį‑tiek kuriate naują Tumblr tinklaraštį, sistema automatiškai sukuria numatytąjį šabloną, kurį galite pritaikyti pagal savo poreikius. Kaip nurodo Tumblr, ši lankstumas leidžia padaryti puslapį patrauklesnį ir suteikti jam asmeninį atspalvį. Net jei nesate susipažinę su HTML, galite atlikti paprastą šablono atnaujinimą, kad teksto įrašų antraštės išsiskirtų.

Tinklalapio stiliaus pagrindai

Svetainių savininkai keičia puslapių išvaizdą pridedami CSS (Cascading Style Sheets) atributus ir jų reikšmes į kodą. Pavyzdžiui, color nustato elemento spalvą, background‑color – fono spalvą, o font‑size – šrifto dydį. Pridėję vieną ar kelis CSS atributus į Tumblr tinklaraščio HTML kodą, galite pritaikyti jo elementus pagal savo skonį.

Kaip rasti savo šablono kodą

Prisijunkite prie Tumblr valdymo skydelio ir spustelėkite Customize. Kairiajame šoniniame meniu pasirinkite Edit HTML. Jei jo nematote, slinkite iki skyriaus viršaus. Atidarius redaktorių, paspauskite Ctrl+F ir ieškokite post .title (be kabučių). Redaktorius peršoks į eilutę, kuri prasideda #wrapper #content .post .title {.

Stilizuokite HTML

Pridėkite norimus CSS atributus po rastos eilutės. Pavyzdžiui, įklijuokite:

color: red; background-color: yellow; text-decoration: underline;

Be kabučių. Šie trys atributai pakeis antraščių tekstą į raudoną, foną – geltoną, o tekstą – pabrauktą. Paspauskite Update Preview, tada Save ir peržiūrėkite savo tinklaraštį. Prisijunkite prie savo profilio ir pamatysite, kaip antraštės atrodo kitų akyse.

Laikykite tinklaraštį šviežiu

Bet kuriuo metu galite keisti CSS reikšmes. Pavyzdžiui, norėdami gauti žalią tekstą ant raudono fono, tiesiog pakeiskite spalvas į color: green; background-color: red;. Vietoje underline galite naudoti overline, line-through arba none. Jei norite pakeisti šrifto dydį, pridėkite font-size: 22px; (be kabučių) – 22 galite pakeisti į norimą pikselių reikšmę. Didesnės reikšmės – didesnį tekstą, mažesnės – mažesnį. Norėdami rasti daugiau spalvų pavadinimų, apsilankykite W3Schools.com (nuoroda ištekliuose).