Duyuru Mybb Css Ile Konu Başlığı Renkli Ön Eki Ekleme

[şenol]

Bu Modifikasyon sayesinde konularınızda Konu Başlığı/Ön Eki yapabileceksiniz Örnek vermek gerekirse Çözüldü, Duyuru, Satılık, İstek, vs vs. Gibi

İşlemlere geçelim

Öncelikle Admin panele giriş yapalım sırasıyla > Temalar > Kullanmış oduğunuz temanın üstüne tıklayın > CSS oluştur diyelim

Stil Adı Konuoneki.css yazın veyahut siz ne yazmak istiyorsanız onu yazı ama sonuna .css yazmayı unutmayın

Sonrasında ise Kendi içeriğimi yazmak istiyorum şeceneğine tıklayın ve aşağıdaki verdiğim kodları içerisine kopyalayıp yapıştırın.

Kod:

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

.bilgi {
    color: #fff;
    background: #007f7f;
    border-color: #ffffff;
    display: inline-block;
    padding: 1px .35em;
    border: 1px solid #fffbfb00;
    border-radius: 7px;
    font-size: 80%;
    line-height: 1.26;
}
.duyuru {
    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 {
    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;
}
.eklenti {
    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 {
    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 {
    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;
}

Kodları içerisine kopyalayıp yapıştırdıktan sonra kaydedip kapatın sonraki işleme geçicez.

Sonraki işlemde ise resimde görüldüğü gibi sırasıyla yapın



Resimde görüldüğü gibi sırasıyla tıkladıktan sonra Yeni Ön Ek ekle diyelim ve devam edelim. Ve gerekli alanları dolduralım. 

Ben örnek olarak Modifikasyondan gidiyorum.

Kod:

<span class="Modifikasyon">Modifikasyon</span>

Örnek Resim;



Alanları doldurduktan sonra Ön Eki kaydet diyoruz işlem bu kadar.

Bu şekilde devam ederek yukarıdaki eklemiş olduğumuz konu ekleri kodlarını Yeni Ön Ek ekle diyerek çoğaltabiliriz.