# 041: viršutinio treehouse skelbimo kūrimas, 2 dalis - CSS-gudrybės

Turinys

Puslapio viršuje turime „Treehouse“ skelbimo žymėjimą, tačiau turime atlikti tam tikrą stiliaus darbą. Pradedame nuo pačios medžio grafikos.

Mes galvojame, kad naudoti vektorių ir išvestį kaip SVG gali būti puiku, nes jis atrodys ryškus ir bus mažo failo dydžio. Stebėkite, kaip iliustruoju „Illustrator“ ir bandau gauti gražią švarią jo versiją visuose vektoriuose ir galiausiai nepavyks. Kol kas nusprendžiame tai pamiršti ir tiesiog padaryti vaizdą.

Pasirodo, „Treehouse“ šiaip jau nebenaudoja šio prekės ženklo, todėl vis tiek turėsiu jį vis tiek atnaujinti, ir aš tikrai skirsiu laiko, kad jį paverčiau SVG, net jei turėčiau jį iš naujo piešti.

Kol kas mes darome PNG ir numetame jį į dizainą su CSS fonu. Mes dydį mažiname fono dydžiu (nors aš dar kartą supainiojau save naudodamas procentus - atminkite, kad kai naudojate procentą, tai yra dalinio elemento procentas, o ne paties vaizdo dydžio procentas).

Mes gauname spalvą, dydį ir padėtį. Dabar paskutinis žingsnis yra priversti jį veikti reaguojant į dizainą.

Įdomios straipsniai...