Meillä on mallisto siitä, miten haluamme BuySellAds-alueidemme näyttävän, joten aloitetaan sen rakentaminen aidosti. BuySellAds-verkkosivusto tarjoaa koodin, joka meidän on lisättävä sivustollemme, jotta mainokset näkyvät. Kopioimme ja liitämme sen yli.
Yritämme sulkea CSS: n, jonka BSA ruiskuttaa sivustolle tyylin luomiseksi (koska käsittelemme sen itse), mutta valitettavasti, jos suljet, jos nyt, se vaikuttaa myös live-sivustoon, joten meidän on vain taisteltava injektoitua CSS toistaiseksi.
Vietämme loppuajan mainosten sijoittamiseen ja muotoiluun niin, että ne näkyvät haluamallamme tavalla. Se on melko helppoa, koska meillä on jo niin paljon paikkoja, kuten fonttien pinojen ja värien sekoitukset.
Me törmäämme asiaan, johon törmäämme useita kertoja tässä sarjassa, jossa olisi hienoa @extendluokalle, joka on olemassa vain toisessa tiedostossa, mihin et valitettavasti pysty. Tässä esimerkissä yritämme tehdä BSA: n injektoidun div-tyylin aivan kuten .moduleon, mikä on klassinen tapaus laajentaa, mutta valitettavasti meidän on kopioitava ja liitettävä joitain tyylejä.
Mietiskelemme, miten flexbox auttaa meitä täällä, mutta päätämme, että siihen on liian aikaista. Se tekisi asettelusta helpompaa ja antaisi meille saman korkeuden. No, laitamme sen tulevaan toivelistaan.