Lapas augšdaļā ir ievietots Treehouse reklāmas marķējums, taču mums ir jāveic daži stila darbi. Mēs sākam ar pašu koku grafiku.
Mēs domājam, ka vektora izmantošana un izvadīšana kā SVG varētu būt forša, jo tā izskatās asa un faila izmērs ir mazs. Skatieties, kā es ar Illustrator plosos, mēģinot iegūt jauku, tīru tā versiju visos vektoros un galu galā neizdoties. Pagaidām mēs nolemjam to aizmirst un vienkārši padarīt to par attēlu.
Izrādās, Treehouse tik un tā vairs neizmanto šo zīmolu, tāpēc man tas tik un tā drīz būs jāatjaunina, un es noteikti veltīšu laiku, lai to padarītu par SVG, pat ja man tas ir jāpārzīmē.
Pagaidām mēs izveidojam PNG un nometam to dizainā ar CSS fonu. Mēs to samazinām līdz ar fona izmēru (lai gan es atkal sajaucu sevi, izmantojot procentus - atcerieties, kad jūs izmantojat procentuālo daļu, tas ir daļēja elementa procents, nevis paša attēla lieluma procents).
Mēs iegūstam visu nokrāsošanu, izmēru noteikšanu un pozicionēšanu. Tagad pēdējais solis liek tam darboties atsaucīgā dizainā.