Ko ustvarite nov spletni dnevnik Tumblr, sistem ustvari privzeto predlogo z nastavitvami, ki jih lahko prilagodite. Kot ugotavlja Tumblr, vam ta prilagodljivost omogoča, da izberete svojo stran spletnega dnevnika bolj privlačno in ji daste oseben pečat. Tudi če ne razumete HTML-ja, lahko uporabite preprosto posodobitev predloge, da bodo naslovi v besedilnih objavah izstopali.
Oblikovanje spletnih strani 101
Lastniki spletnih mest spremenijo videz svojih spletnih strani, tako da v kodo dodajo atribute in vrednosti kaskadnega sloga. Vrednost atributa barve na primer določa barvo predmeta. Ljudje uporabljajo atribut barv ozadja za barvno ozadje. Atribut velikosti pisave lahko uporabite tudi za spreminjanje pisave elementa besedila. Z uporabo enega ali več atributov CSS za kodo HTML vašega spletnega dnevnika Tumblr lahko prilagodite njegove elemente.
Poiščite svojo kodo predloge
Če obiščete nadzorno ploščo Tumblr in kliknete »Prilagodi«, lahko odprete urejevalnik HTML s klikom na »Uredi HTML« na levi plošči Prilagodi temo. Če ne vidite možnosti »Uredi HTML«, se pomaknite na vrh plošče in jo poiščite. Ko se stran odpre, pritisnite »Ctrl-F« in v iskalno polje vnesite »post .title« (brez narekovajev). Urejevalnik preskoči na vrstico kode, ki se glasi "#wrapper #content .post .title {."
Oblikujte svoj HTML
Atributi CSS, ki jih dodate za vrstico kode, ki ste jo našli, določajo videz naslovov objav. Preizkusite to tako, da prilepite "color: red; background-color: yellow; text-decoration: underline;" po tej vrstici. Ne uporabljajte narekovajev. Ti trije atributi spremenijo barvo, barvo ozadja in okrasitev besedila naslovov v rdečo, rumeno in podčrtano. Kliknite »Posodobi predogled«, nato »Shrani« in obiščite svojo stran nadzorne plošče Tumblr. Kliknite sliko profila in videli boste stran spletnega dnevnika tako, kot to počnejo drugi. Objave z naslovi bodo prikazale nove atribute, ki ste jih dodali.
Naj bo vaš spletni dnevnik svež
Spremenite vrednosti atributov CSS, kadar želite naslovno besedilo oblikovati drugače. Če želite na primer nekega dne zeleno besedilo na rdečem ozadju, spremenite obstoječe v ti dve. Podčrtanje lahko nadomestite tudi s prečrtanim, črtastim ali brez. Če želite spremeniti tudi velikost pisave, na konec dodane kode prilepite "font-size: 22px". Ne uporabljajte narekovajev. Zamenjajte 22 z velikostjo slikovnih pik, ki jo želite uporabiti za besedilo. V tem primeru bi bila velikost 22 slikovnih pik. Večje vrednosti ustvarjajo večje besedilo, manjše pa manjše besedilo. Obiščite spletno mesto, kot je W3Schools.com, ki prikazuje imena drugih barv, s katerimi lahko oblikujete svoj spletni dnevnik (povezava v virih).
