Kullanım tekniği - Okunmamış Konu Başlıklarının Rengini Değiştirme ve YENI Ikonu ilavesi | XenGenTr - Türkiye'nin XenForo Türkçe destek topluluğu

Xenforo-2' nin default özelliği olarak "Okunmamış Konu" başlıkları BOLD (Kalın) karakterli gösterilmekte.

Default temadaki mavi rengin koyu olması görünürlük anlamında yeterli iken, kullandığınız temada konu başlık rengi farklı ise, örneğin "Kırmızı", bu durumda ne yazık ki KALIN kırmızı renk pek bariz şekilde ortaya çıkmıyor

Eğer siz de bu durumdan şikayetci iseniz o zaman sizlere 2 tane alternatif çözümümüz var.

NOT: Normal şartlar altında aşağıdaki her iki çözüm hem Xenforo default teması için hem de özel temalarınızda sorunsuz şekilde çalışacaktır. Sorun yaşamanız halinde yardım istemekten çekinmeyin lütfen.

ÇÖZÜM -1 ) Okunmamış Konu başlıklarının rengini değiştirme
Kullanmak olduğunuz temanın "extra.less" şablonuna şu kodu ilave etmelisiniz

Kod:

<xf:comment> OKUNMAMIS Konu Baslik Renk degisimi </xf:comment>
.is-unread .structItem-title a {color: black;}

"{color: black;}" kısmında istediğiniz rengi belirtebilirsiniz. Mesela "red, brown.."

ÇÖZÜM -2 ) Okunmamış Konu başlıklarının yan tarafına YENI İkon İlavesi
"YENI" ikon ilavesi için şu kodu yine temanızın "extra.less" şablonuna ilave ediyoruz. Bu kod için @Eyüp B. arkadaşımıza teşekkür ederiz.

Kod:

.is-unread .structItem-title:after {
font-size: 11px;
    color: #ffffff;
    background-color: rgba(0,0,0,0);
    background-position: 0 0,0 21px,0 21px;
    padding: 0 5px;
    border-left: 7px solid rgba(0,0,0,0);
    _border-left: 7px solid #000;
    border-radius: 2px;
    background-image: -moz-linear-gradient(#f00, #f00),-moz-linear-gradient(45deg, rgba(0,0,0,0) 50.5%, #f00 50.5%),-moz-linear-gradient(-45deg, rgba(0,0,0,0) 50.5%, #f00 50.5%);
    background-image: linear-gradient(#f00, #f00),linear-gradient(135deg, rgba(0,0,0,0) 50.5%, #f00 50.5%),linear-gradient(45deg, rgba(0,0,0,0) 50.5%, #f00 50.5%);
    background-clip: padding-box,border-box,border-box;
    background-origin: padding-box,border-box,border-box;
    background-size: auto auto,20px 100%,20px 100%;
    content: "Yeni Mesaj";
    display: inline-block;
    line-height: 14px;
    vertical-align: 2px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    height: 14px;
}