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ş
35
Konum
İstanbul
Web sitesi
www.fifamods.com

İtibar:

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ş
35
Konum
Bursa
Web sitesi
forum.kamuyer.net

İtibar:

U.ix dede bu mevcut ama değiştirince bomboş gözüküyor yeni sürümü indiremedim burdan :(
 

XFdestek

Kurucu Üye
Site Yöneticisi
Katılım
25 May 2014
Mesajlar
834
Tepkime puanı
348
Puanları
63
Konum
Türkiye
Web sitesi
xenforodestek.net

İtibar:

Ö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
Site Yöneticisi
Katılım
25 May 2014
Mesajlar
834
Tepkime puanı
348
Puanları
63
Konum
Türkiye
Web sitesi
xenforodestek.net

İtibar:

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
 

17mart

XFD Onursal
XFD Onursal
XFD Üyesi
Katılım
13 Nis 2015
Mesajlar
173
Tepkime puanı
68
Puanları
28
Yaş
45

İtibar:

çok güzel oldu teşekkür ederim.
 
Üst Alt