Šajā ekrānuzņēmumā mēs iekļūsim sadaļā Piedāvājumi. Piedāvājumu sadaļa būtībā ir “reklāmu siena”. Tā ir vietnes teritorija, kurā cilvēkiem būtu jāpārvietojas pie sevis, tāpēc es neuztraucos par reklāmu traucēšanu cilvēku domās. Turklāt katrai reklāmai ir atlaide, un tas ir produkts, kuru es personīgi iesaku, tāpēc nenotiek ēnas.
Mums jau ir galvene vietā. Mums jau arī saturs tiek izspļauts lapā, kas mums jāveido stilā. Šī ir ideāla vieta, kur sākt darbu, rakstot dažus CSS.
Šajā lapā ir forši tas, ka mēs varam iemērkt pirkstus atsaucīgas reklāmas pasaulē. Reklāmas pasaule patiešām nav panākusi atsaucīgu dizainu. Reklāmas bieži ir fiksēta izmēra, un to izmēru maiņa ir sarežģīta vai tieši aizliegta. Šajā vietnē tā nav, jo reklāmas veidoju es pats.
Katra reklāma tiek veidota no fona attēla, logotipa attēla un teksta daļām. Izmantojot background-imagelīdzekļus, mēs varam nedaudz apgriezt tā malas, un tas ir labi. Mēs nezaudējam tekstu vai svarīgas logotipa daļas.
Šīs “sienas” izkārtojums būs līdzīgs sienai =). Mums būs trīs kolonnas ar lieliem darbvirsmas izmēriem, pēc tam pārejiet uz divām kolonnām un, visbeidzot, vienu kolonnu tālruņa izmēros. Viss, ko mēs darām, ir peldēt reklāmas un lietot a, min-heightlai saglabātu tos visus vienā augstumā. Dažādos plašsaziņas līdzekļu jautājumos mēs vienkārši pielāgojam reklāmu platumus un mainām, kuriem no tiem ir pareizā piemale un kuriem nav (caur :nth-child).
Katra reklāma aizmugurē ir pielāgots lauks programmā WordPress. Kad mēs tos izvadām lapā, mēs vispirms tos vaicājam un ievietojam masīvā. Tad sajauciet šo masīvu. Tad beidzot atbalsojiet viņus. Var arī dot visiem taisnīgu šāvienu par to, ka viņi ir galvenā reklāma!