Xf2 Modifikasyon FontAwesome kullanarak forum iconlarının değiştirilmesi

fifamods

XFD-Fanatik
XFD Üyesi
Katılım
22 Kas 2015
Mesajlar
25

İtibar:



Herhangi bir eklenti kullanmadan sadece css kodlarıyla forum iconlarını değiştirebilir ve özelleştirebilirsiniz.

Öncelikle PAGE_CONTAINER şablonunda bulalım
Kod:
Kod:
<head>
ve hemen altına ekleyelim kayıt edelim
Kod:
Kod:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Eğer zaten ekli ise tekrar eklemenize gerek yok.

Şimdi sıra iconları değiştirmekte

Yapılması gereken işlem oldukça basit öncelikle 1 id numaralı forum için düzenleme yapalım.
Not: İd numaralarını forum linkinin üzerine gelerek anlamak mümkündür. Örneğin = .com/link.1/

Kullanacağımız kod örneği aşağıdadır.

.node_1 .forumNodeInfo ile başlayan kod okunmuş forum iconunu koyacağınız koddur.

.node_1 .forumNodeInfo.unread ilebaşlayan okunmamış forum iconunu koyacağınız koddur.

Css kodlarını extra.css ye eklemeniz gerekiyor.

Kod:
Kod:
.node .forumNodeInfo .nodeIcon:before

{
   display: inline-block;
   font-family: FontAwesome;
   font-size: 38px;
   line-height: 38px;
}
.node .nodeIcon
{
   background-image: none !important;
}
.node_1 .forumNodeInfo .nodeIcon:before
{
   content: "\f0cc";
}
.node_1 .forumNodeInfo.unread .nodeIcon:before
{
   content: "\f0cc";
   color:red;
}
Eğer başka forum eklemek isterseniz yapmanız gereken sadece aşağıdaki id numaralarını değiştirerek kodu tekrar eklemeye devam etmeniz gerekiyor.
Kod:
Kod:
.node_1 .forumNodeInfo .nodeIcon:before
{
   content: "\f0cc";
}
.node_1 .forumNodeInfo.unread .nodeIcon:before
{
   content: "\f0cc";
   color:red;
}
 
Moderatör tarafında düzenlendi:

17mart

XFD Onursal
XFD Üyesi
Katılım
13 Nis 2015
Mesajlar
173

İtibar:

Teşekkür ederim eline sağlık
 
Üst Alt