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>Kod:
Kod:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">Ş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;
}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:
