Avem o machetă a modului în care dorim să arate zonele noastre BuySellAds, așa că haideți să o construim pe deplin. Site-ul BuySellAds oferă codul pe care trebuie să-l punem pe site-ul nostru pentru ca anunțurile să apară. Copiem și lipim asta.
Încercăm să închidem CSS pe care BSA îl injectează pe site pentru a le stiliza (pentru că ne ocupăm noi înșine), dar, din păcate, dacă închidem dacă este dezactivat acum, acesta afectează și site-ul live, deci trebuie să luptăm doar împotriva celor injectați CSS pentru moment.
Ne petrecem restul timpului poziționând și stilizând anunțurile pentru a afișa exact cum ne dorim. Este destul de ușor, deoarece avem atât de multe deja în loc, cum ar fi mix-urile pentru stive și culori de fonturi și ce nu.
Ne lovim de un lucru pe care îl întâlnim de mai multe ori în această serie, unde ar fi frumos pentru @extendo clasă care există doar într-un alt fișier, pe care, din păcate, nu puteți. În acest exemplu, încercăm să facem o divizare injectată BSA stilată așa cum .moduleeste, care este un caz clasic pentru extindere, dar din păcate, trebuie să copiem și să lipim câteva stiluri.
Ne gândim că flexbox ne ajută aici, dar decidem că este prea devreme pentru asta. Ar face aspectul mai ușor și ne-ar oferi înălțimi egale. Ei bine, o vom pune pe lista dorințelor viitoare.