Treehouse'i reklaami jaoks on lehe ülaservas märgistus paigas, kuid meil on vaja teha mõned stiilitööd. Alustame puugraafikast endast.
Me mõtleme, et vektori ja väljundi kasutamine SVG-na võib olla lahe, sest see näeb välja terav ja failisuurus on väike. Vaadake, kuidas ma Illustratoris ringi tatsan ja proovin selle kena puhta versiooni kõigis vektorites hankida ja lõpuks ebaõnnestuda. Praegu otsustame selle unustada ja teha sellest lihtsalt pilt.
Selgub, et Treehouse ei kasuta seda kaubamärki enam niikuinii, nii et pean selle niipea varsti värskendama ja kindlasti võtan selle SVG tegemiseks aega, isegi kui pean selle uuesti joonistama.
Praegu valmistame PNG-d ja viskame selle CSS-taustaga kujundusse. Suurendame selle tausta suurusega väiksemaks (kuigi ma ajasin end jälle protsentide abil segadusse - pidage meeles, et kui kasutate protsentuaalset osa, on see protsent osalisest elemendist, mitte protsent pildi enda suurusest).
Värvimine, suuruse määramine ja positsioneerimine on kõik seatud. Nüüd on viimane samm panna see reageeriva kujundusega tööle.