Kada kreirate novi Tumblr blog, sustav generira zadani predložak koji ima postavke koje možete prilagoditi. Kao što Tumblr primjećuje, ova fleksibilnost daje vam mogućnost da odaberete stranicu svog bloga privlačnijom i daje mu osobni pečat. Čak i ako ne razumijete HTML, možete primijeniti jednostavno ažuriranje na predložak kako bi se naslovi u tekstnim postovima istaknuli.
Stiliziranje web stranica 101
Vlasnici web stranica mijenjaju način na koji njihove web stranice izgledaju dodavanjem atributa i vrijednosti Cascading Style Sheet u svoj kôd. Vrijednost atributa boje, na primjer, određuje boju predmeta. Ljudi koriste pozadinu boje pozadine za pozadinu boja. Atribut veličine fonta možete koristiti i za izmjenu fonta elementa teksta. Primjenom jednog ili više CSS atributa na HTML kôd vašeg bloga Tumblr, možete prilagoditi njegove elemente.
Pronađite svoj kod predloška
Ako posjetite svoju nadzornu ploču Tumblr i kliknete "Prilagodi", možete otvoriti HTML uređivač klikom na "Uredi HTML" na lijevoj ploči Prilagodba teme. Ako ne vidite "Uredi HTML", pomaknite se do vrha ploče da biste ga pronašli. Kad se stranica otvori, pritisnite "Ctrl-F" i u okvir za pretraživanje upišite "post .title" (bez navodnika). Uređivač preskače na redak koda koji glasi "#wrapper #content .post .title {."
Oblikujte svoj HTML
CSS atributi koje dodate nakon retka koda koji ste pronašli određuju način na koji izgledaju naslovi vaših postova. Testirajte ovo lijepljenjem "color: red; background-color: yellow; text-decoration: underline;" nakon te crte. Nemojte koristiti citate. Ta tri atributa mijenjaju boju, boju pozadine i ukras teksta naslova posta u crvenu, žutu i podcrtanu. Kliknite "Ažuriraj pregled", a zatim "Spremi" i posjetite svoju stranicu nadzorne ploče Tumblr. Kliknite sliku profila i vidjet ćete stranicu bloga onako kako to rade drugi. Objave koje imaju naslove prikazivat će nove atribute koje ste dodali.
Neka vaš blog bude svjež
Promijenite vrijednosti CSS atributa kad god želite drugačije oblikovati tekst naslova. Na primjer, ako jednog dana želite zeleni tekst na crvenoj pozadini, promijenite postojeće boje u te dvije boje. Također možete zamijeniti podcrtavanje s precrtanim, prolaznim ili nikakvim. Ako želite promijeniti i veličinu fonta, zalijepite "font-size: 22px" na kraj koda koji ste dodali. Nemojte koristiti citate. Zamijenite 22 veličinom piksela koju želite koristiti za tekst. U ovom primjeru veličina bi bila 22 piksela. Veće vrijednosti stvaraju veći tekst, a manje vrijednosti stvaraju manji tekst. Posjetite web mjesto poput W3Schools.com koje prikazuje imena drugih boja pomoću kojih možete oblikovati svoj blog (veza u Resursima).
