# 117: pasirinktinė pasiūlymų antraštė - CSS-gudrybės

Turinys

Po keisto painiavos paskutiniame vaizdo įraše apie tai, kurią antraštę mes iš tikrųjų darėme, šį kartą mes tikrai įgyvendinsime tinkintą puslapio „Pasiūlymai“ antraštę! Šį padarė Meg Hunt.

Kaip ir visos antraštės, mes kurį laiką praleidome žiūrėdami originalius failus ir išsiaiškinę, kaip geriausiai seksis puslapyje. Išbandome keletą variantų, bet galų gale nusprendžiame, kad jį įdėti į uždarą langelį (o ne kažką panašaus į „Demos“ antraštę, kur antraštė ištirpsta krašte aplink turinį.

Eksportuodami mes žaidžiame daugybe skirtingų grafinių formatų. Įdomu tai, kad šis konkretus stilius yra panašus tiek kokybės, tiek failo dydžio atžvilgiu tarp PNG ir JPG.webp. Perduodame 2000 pikselių pločio, kuris turėtų gerai atrodyti bet kuriame ekrane. Mes taip pat pasiekėme apie 150 tūkst., O tai yra didelis, bet tokio herojaus grafikai yra tinkamas taikinys.

Mes pradedame tvarkyti sandorių šabloną, įskaitant tai, kaip siūlomi kiekvieno atskiro pasirinktinio lauko laukai, kurie yra atsitiktinai išrinkti prieš juos išvedant. Vėliau praleisime daugiau laiko šiam žymėjimui ir viskam, bet kadangi šiame šablone ruošiamės dalykus antraštei, taip pat galime jį išvalyti.

Mes nagrinėjame keletą skirtingų galimybių, kaip pritaikyti antraštės grafiką puslapyje. Fono vaizdas yra prasmingiausias, nes mes naudojame semantiką

pavadinimo ir vaizdo pakeitimui. Naudodamiesi background-size, mes patikriname cover, bet tai gali sukelti pertraukas. Mes patikriname, ar yra, bet tai suteikia vietos išorėje. 100%daro triuką, bet mes turėsime sukurti formato santykio stiliaus langelį, kad tas gerai veiktų. Vis dėlto tai lengva, mes tiesiog padarome aukštį 0 ir tam darbui naudojame procentinį viršutinį užpildą (paminkštinta dėžutė).

Tai yra septintoji pasirinkta antraštė, kurią atlikome, ir kiekviena iš jų buvo atliekama skirtingai. Interneto dizainas, ar ne? Kokia kelionė.

Įdomios straipsniai...