XF 1.X Modifikasyon - Her Foruma Ayrı İkon Ekleme | Xenforo Türkçe Destek, XenForo Eklenti ve Tema Topluluğu

XF 1.X Modifikasyon Her Foruma Ayrı İkon Ekleme

fifamods

XFD-Fanatik
XFD-Fanatik
Katılım
22 Kas 2015
Mesajlar
25
Tepkime puanı
11
Puanları
8
Yaş
39
Konum
İstanbul
Default Style üzerinden anlatıyoruz.

Arayüz > Şablonlar > node_forum_level_2 şablonunu açıyoruz
Bul;
HTML:
<span class="nodeIcon" title="{xen:if $forum.hasNew, '{xen:phrase unread_messages}', ''}"></span>
Bununla değiştir
HTML:
<span class="nodeIcon"><img src="styles/ikon/{$forum.node_id}.png" alt="{$forum.title}" align="center" valign="middle" width="40" height="40"></span>

daha sonra FTP'den /public_html/styles içine yeni bir ikon klasörü oluşturuyoruz. Bu İkon klasörü forum ikonlarının yükleneceği klasördür. Tercihe göre değiştirilebilir.

daha sonra her foruma ikon gelicek şekilde ikon isimlerini Forum ID'lerine göre düzenleyip /public_html/styles/ikon klasörü içine gönderin. İşlem bu kadar.

Örnek:

 

ahanda

XFD-Fanatik
XFD Onursal
XFD-Fanatik
XFD Üyesi
Katılım
24 Ağu 2014
Mesajlar
35
Tepkime puanı
10
Puanları
8
Yaş
39
Konum
Bursa
U.ix dede bu mevcut ama değiştirince bomboş gözüküyor yeni sürümü indiremedim burdan :(
 

XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
356
Puanları
63
Konum
Türkiye
Önce kullandığınız şablonun PAGE_CONTAINER şablonunda <head> etiketinden sonra aşağıdaki kodu ekliyoruz.
Kod:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Daha sonra Extra.CSS e aşağıdaki kodu her bir forum için ayrı ayrı eklemeniz gerekiyor.
Kod:
.node .forumNodeInfo .nodeIcon:before
{
   display: inline-block;
   font-family: FontAwesome;
   font-size: 32px;
   line-height: 32px;
}
.node .nodeIcon
{
   background-image: none !important;
}
.node_3 .forumNodeInfo .nodeIcon:before
{
   content: "\f0c0";
   color: rgb(6, 59, 98);
}
.node_3 .forumNodeInfo.unread .nodeIcon:before
{
   content: "\f0c0";
   color:red;
}
Screenshot_1.png

Fa icon konunu nasıl öğreneceksiniz.Aşağıdaki adrese gidiyorsunuz.
Lütfen içeriği görebilmek için Giriş yap veya üye ol.

Burada bir icon seçiyorsunuz.Screenshot_3.png
Unicode yazan kısımdaki 4 karakterli kodu alıyorsunuz Extra.css deki kod ile değişiyorsunuz.
Hayırlı olsun ;)
 
Son düzenleme:

XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
356
Puanları
63
Konum
Türkiye
Forum İD numarasını da aşağıdaki resimde gösterdiğim gibi herhangi bir forum üzerine mouse götürdüğünüzde aşağıdaki tollbarda id numarası yazar.

Screenshot_4.png
 

XFdestek

Kurucu Üye
XFD Üyesi
Katılım
25 May 2014
Mesajlar
832
Tepkime puanı
356
Puanları
63
Konum
Türkiye
  • Beğen
Tepkiler: MySimS3k®

17mart

XFD Onursal
XFD Onursal
XFD Üyesi
Katılım
13 Nis 2015
Mesajlar
173
Tepkime puanı
68
Puanları
28
Yaş
49
çok güzel oldu teşekkür ederim.
 
Lütfen Javascript'i etkinleştirin!Javascript'i etkinleştirin!