Forumteams.com !     Forum ve Portal Sistemleri     Forum & İçerik Yönetim Sistemleri     MyBB    

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

şenol   18-02-2021 Saat 21:01
#1
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 Gülümseme

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

[Resim: konuoneki.png]

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;

[Resim: konuonek2.png]

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.
Son Düzenleme: 18-02-2021 Saat 21:04, Düzenleyen: şenol.
Fikrin rütbesi yoktur.
  
 Cevapla
Önceki Konu      Sonraki Konu
  

Konuyu Okuyanlar: 1 Ziyaretçi