Pärast imelikku segadust viimases videos selle üle, millist päist me tegelikult tegime, rakendame seekord tõesti lehe Pakkumised kohandatud päist! Selle tegi Meg Hunt.
Nagu kõik päised, ka meie veetsime mõnda aega originaalfaile vaadates ja selgitades välja, kuidas lehel kõige paremini istuda saab. Proovime mõnda võimalust, kuid lõppkokkuvõttes otsustame selle kõige paremini panna kinnisesse kasti (vastupidiselt millelegi sarnasele Demose päisele, kus päis sulab sisu ümber olevaks piiriks.
Selle eksportimisel mängime paljude erinevate graafiliste vormingutega. See konkreetne stiil on huvitaval kombel umbes nii kvaliteedi kui ka faili suuruse võrdne PNG ja JPG.webp vahel. Väljendame selle laiusega 2000 pikslit, mis peaks igal ekraanil hea välja nägema. Samuti tabasime umbes 150 tuhat, mis on küll suur, kuid selline kangelane on graafikaks OK.
Hakkame pakkumiste malli järjestama, sh uurime, kuidas pakkumised on iga üksik kohandatud väljad, mis enne väljundit randomiseeritakse. Kulutame sellele märgistusele ja kõigele sellele hiljem rohkem aega, kuid kuna selles mallis valmistame päise jaoks asju valmis, võiksime selle ka puhastada.
Uurime mitut erinevat võimalust kohandatud päise graafika lehele lisamiseks. Taustpilt on kõige mõttekam, kuna kasutame semantikat
pealkirja ja pildi asendamiseks. Kasutades background-sizekontrollime cover, kuid see võib põhjustada katkestusi. Kontrollime sisaldama, kuid see võimaldab ruumi väljastpoolt. 100%teeb trikki, kuid me peame tegema kuvasuhte stiilikasti, et see kenasti toimiks. See on siiski lihtne, muudame lihtsalt kõrguse 0 ja kasutame selle toimimiseks protsentuaalset ülemist polsterdust (polsterdatud kast).
See on seitsmes kohandatud päis, mille oleme teinud ja igaüks neist tehti erinevalt. Veebikujundus, jah? Milline reis.