- Uyumlu XF 2 Sürümleri
1) Extra.less şablonuna aşağıdaki kodu ekleyin.
2) Konu öneklerinde (Diğer, özel CSS sınıfı' nı seçerek alana aşağıdaki değeri girin)
Duyuru Öneki için;
Bilgi Öneki için;
Sonuç:
Kod:
/* Önek genel kodları */
[class*='trgamersonek_']{font-family:'Play';border-left: 3px solid rgba(0, 0, 0, 0.2);margin-top: 3px;text-align: center;height: 20px;line-height: 15px;position: relative;max-width: 180px;padding: 2px 33px 2px 27px;user-select: none;color: #FFFFFF;font-size: 11px;font-weight: normal;-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);}
[class*='trgamersonek_']:before{font-family:Font Awesome\ 5 Pro,Font Awesome\ 5 Brands;margin-right:3px;font-size:11px;padding:0}
/* Önek kodları */
.trgamersonek_duyuru{background: rgb(237, 0, 0);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
.trgamersonek_duyuru:before{content:"\f0a1"}
.trgamersonek_bilgi{background: rgb(71, 167, 235);border-color: #8e0909;box-shadow: 0 0 15px #8e0909, inset 0 0 20px white;}
.trgamersonek_bilgi:before{content:"\f129"}
2) Konu öneklerinde (Diğer, özel CSS sınıfı' nı seçerek alana aşağıdaki değeri girin)
Duyuru Öneki için;
Kod:
trgamersonek_duyuru
Kod:
trgamersonek_bilgi