# 128: Oblikovanje strani s ponudbami - CSS-triki

Anonim

V tem predvajanju zaslona se bomo poglobili v razdelek Ponudbe. Razdelek »Ponudbe« je v bistvu »zid oglasov«. To je področje spletnega mesta, na katerem bi morali ljudje sami krmariti, zato me ne skrbi, da bi ljudje zavirali oglase. Poleg tega ima vsak oglas popust in je izdelek, ki ga osebno priporočam, tako da ni nobenih senc.

Glavo že imamo na mestu. Vsebino, ki jo izpljuvamo, že imamo na strani, ki jo moramo oblikovati. To je idealen kraj za začetek pisanja CSS-ja.

Na tej strani je super to, da lahko potopimo prste v svet odzivnega oglaševanja. Oglaševalni svet resnično ni dohitel odzivnega dizajna. Oglasi so pogosto fiksne velikosti in njihovo spreminjanje velikosti je težko ali pa je prepovedano. Na tej spletni strani ni tako, ker oglase ustvarjam sam.

Vsak oglas je ustvarjen iz slike v ozadju, slike logotipa in delcev besedila. S pomočjo background-imagesredstva lahko nekako odrežemo robove le-tega in to je v redu. Ne izgubimo nobenega besedila ali pomembnih delov logotipa.

Postavitev te "stene" bo podobna steni =). Imeli bomo tri stolpce pri širokih velikostih namizja, nato pa se spustili do dveh stolpcev in nato na koncu en stolpec pri telefonskih velikostih. Vse, kar naredimo, je, da oglase prikažemo in uporabimo znak, min-heightda ostanejo vsi enake višine. Pri različnih medijskih poizvedbah preprosto prilagodimo širino oglasov in spremenimo, kateri od njih imajo pravi rob in kateri ne (prek :nth-child).

Na zadnji strani je vsak oglas polje po meri v WordPressu. Ko jih izpišemo na stran, jih najprej povprašamo in jih postavimo v matriko. Nato premešajte to polje. Nato jih končno odmeva. Prav tako bi lahko vsi pošteno poskušali postati najboljši oglas!