MyBB konu ön eklerini CSS ile şekillendir

[Allgroo]

MyBB forum sitenizde açılan konu başlıklarına önüne CSS ile güzel görünümlü yazılar eklemenizi sağlar.

Admin paneli   Temalar & Şablonlar   Kullandığınız tema ismine tıkla   CSS oluştur   Stil Adı: konu-önek.css yazın. Kendi içeriğimi yazmak istiyorum işaretleyin ve aşağıdaki kodları bu alana yapıştırın.

Kod:

.duyuru-bilgi724 {
    color: #fff;
    background: #ff0000;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}
.cozuldu-bilgi724 {
    color: #fff;
    background: #73d400;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}
.arsiv-bilgi724 {
    color: #fff;
    background: #000000;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}
.eklenti-bilgi724 {
    color: #fff;
    background: #00a6ff;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}
.satilik-bilgi724 {
    color: #fff;
    background: #df00ff;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}

.istek-bilgi724 {
    color: #fff;
    background: #1700ff;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}

   

Daha sonra, Forum Ayarları   Konu Ön Ekleri   Yeni Ön Ek Ekle   Örneğin, Duyuru yazın, veya istediğiniz ön ek ismini yazın. Ön Ek Gösterim Stili alanına, 

Kod:

<span class="duyuru-bilgi724">Duyuru</span>

Arkaplan rengini değiştirmek istiyorsanız <span class="duyuru-bilgi724"> yerine 5.adımdaki css'lerin başındaki isimlerden birini yazmanız yeterlidir Dikkat . Olmasın!

Örnekler ;

<span class="istek-bilgi724">istek</span>

<span class="satilik-bilgi724">Satılık</span>

<span class="eklenti-bilgi724">Eklenti</span>

Konu Ön Ekleri Resim ;