Genel Bilgi Forumu - Bilgi724
MyBB konu ön eklerini CSS ile şekillendir - Baskı Önizleme

+- Genel Bilgi Forumu - Bilgi724 (https://bilgi724.com/forum)
+-- Forum: Webmaster (https://bilgi724.com/forum/f-webmaster/)
+--- Forum: MyBB (https://bilgi724.com/forum/f-mybb/)
+--- Konu Başlığı: MyBB konu ön eklerini CSS ile şekillendir (/k-mybb-konu-on-eklerini-css-ile-sekillendir)


MyBB konu ön eklerini CSS ile şekillendir - Allgroo - 23-04-2024

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.

[Resim: mybb-konu-n-ekleri-sekilli-yapma_1765673079.webp]

Admin paneli  Sağa Ok Temalar & Şablonlar  Sağa Ok Kullandığınız tema ismine tıkla  Sağa Ok CSS oluştur  Sağa Ok 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ı  Sağa Ok Konu Ön Ekleri  Sağa Ok Yeni Ön Ek Ekle  Sağa Ok Ö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>