Alt Forumlara Mini İkon Ekleme – XenForo EXTRA.css

[guclusat]

Add to EXTRA.css

.subForumList li .nodeTitle:before {
  background: url("link to icons") no-repeat left center transparent;
  height: 10px;
  width: 10px;
  content: "";
  padding-left: 12px; }

.subForumList li .unread .nodeTitle:before {
  background: url("link to icons") no-repeat left center transparent;
  height: 10px;
  width: 10px;
  content: "";
  padding-left: 12px; }

 

[guclusat]

XenForo'da alt forumların yanında varsayılan görünüm yerine küçük bir ikon göstermek için EXTRA.css içerisine CSS kodu eklenebilir.

Bu yöntem sayesinde alt forum listesindeki her forum adının önüne küçük bir ikon yerleştirilebilir. Okunmamış alt forumlar için de ayrı bir görünüm tanımlanabilir.

EXTRA.css Kodları​

.subForumList li .nodeTitle:before {
    background: url("link to icons") no-repeat left center transparent;
    height: 10px;
    width: 10px;
    content: "";
    padding-left: 12px;
}

.subForumList li .unread .nodeTitle:before {
    background: url("link to icons") no-repeat left center transparent;
    height: 10px;
    width: 10px;
    content: "";
    padding-left: 12px;
}

İkon adresini değiştirme​

Kod içerisindeki:

url("link to icons")

bölümüne kullanmak istediğiniz ikonun adresini yazmanız yeterlidir.

Örneğin:

background: url("/styles/default/xenforo/forum-icon.png") no-repeat left center transparent;

Uygulama​

1. Admin Panel → Appearance → Styles
2. Kullanılan temayı seçin.
3. Extra.less / EXTRA.css bölümünü açın.
4. Yukarıdaki CSS kodunu ekleyin.
5. İkon adresini kendi ikonunuzla değiştirin.
6. Kaydedin ve forum sayfasını yenileyin.

Not: XenForo sürümüne ve kullanılan temaya göre .subForumList yapısı değişebileceğinden, kod çalışmazsa temanın HTML/CSS yapısına göre selector üzerinde küçük bir değişiklik gerekebilir.