Имаме макет на това как искаме да изглеждат зоните ни BuySellAds, така че нека да го изградим реално. Уебсайтът BuySellAds предоставя кода, който трябва да поставим на нашия сайт, за да се показват рекламите. Копираме и поставяме това.
Опитваме се да изключим CSS, който BSA инжектира на сайта, за да ги стилизира (защото ще се справим сами), но за съжаление, ако изключим, ако е изключено сега, това засяга и сайта на живо, така че трябва просто да се борим срещу инжектираните CSS засега.
Прекарваме останалото време в позициониране и стилизиране на рекламите, за да се показват точно както искаме. Това е доста лесно, тъй като вече имаме толкова много на място, като комбинации за стекове и цветове шрифтове и какво ли още не.
Сблъскваме се с нещо, с което се сблъскваме няколко пъти в тази поредица, където би било хубаво за @extendклас, който съществува само в друг файл, което за съжаление не можете. В този пример се опитваме да направим BSA инжектиран div, оформен точно както .moduleе, което е класически случай за удължаване, но уви, трябва да копираме и поставим някои стилове.
Обмисляме дали flexbox ни помага тук, но решаваме, че е твърде рано за това. Това ще улесни оформлението, както и ще ни даде равни височини. Ами добре, ще го сложим в бъдещия списък с желания.