BuySellAds bölgelerimizin nasıl görünmesini istediğimize dair bir modelimiz var, o yüzden onu gerçekten oluşturmaya başlayalım. BuySellAds web sitesi, reklamların gösterilmesi için sitemize koymamız gereken kodu sağlar. Bunu kopyalayıp yapıştırıyoruz.
BSA'nın siteye enjekte ettiği CSS'yi sitillendirmek için kapatmaya çalışıyoruz (çünkü bunu kendimiz halledeceğiz), ancak maalesef şimdi kapatırsak bu canlı siteyi de etkiler, bu yüzden sadece enjekte edilenlere karşı savaşmalıyız. Şimdilik CSS.
Geri kalan zamanımızı reklamları tam istediğimiz gibi gösterecek şekilde konumlandırıp şekillendirmeye harcıyoruz. Yazı tipi yığınları ve renkleri için karışımlar gibi zaten çok şeyimiz olduğu için bu oldukça kolay.
Bu seride defalarca karşılaştığımız bir şeyle karşılaşıyoruz, burada @extendsadece başka bir dosyada var olan bir sınıfa hoş gelecektir, ama maalesef bunu yapamazsınız. Bu örnekte, tıpkı .moduleolduğu gibi BSA enjekte edilmiş bir div oluşturmaya çalışıyoruz , bu genişletme için klasik bir durumdur, ancak ne yazık ki bazı stilleri kopyalayıp yapıştırmamız gerekiyor.
Flexbox'ın burada bize yardımcı olacağını düşünüyoruz, ancak bunun için çok erken olduğuna karar verdik. Bu, düzeni kolaylaştıracak ve bize eşit yükseklikler verecektir. Pekala, bunu gelecekteki dilek listesine koyacağız.