Font-Awesome Forum Icon Yapımı

[Ripbyrustavi]

Gruplandırılmamış şablonlar > headerinclude
{$stylesheets} bulun en altına

Kod: Tümünü Seç Tümünü Kopyala

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'>

Forum Bit şablonları -> forumbit_depth2_forum

bul :

Kod: Tümünü Seç Tümünü Kopyala

<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>

değiştir:

Kod: Tümünü Seç Tümünü Kopyala

<div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-comments"></i></div>

Global.css içerisinden bul:

Kod: Tümünü Seç Tümünü Kopyala

.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
}

.forum_on {
background-position: 0 0;
}

.forum_off {
background-position: 0 -30px;
}

.forum_offlock {
background-position: 0 -60px;
}

.forum_offlink {
background-position: 0 -90px;
}

değiştir:

Kod: Tümünü Seç Tümünü Kopyala

.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
color: #0094d1;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #333;
}

.forum_off i {
opacity: .4;
}

.forum_offlock i:before {
content: "\f023";
}

.forum_offlink i:before {
content: "\f0c1";
}

Görüntü sonuç :

[Rankings]

              Eline Sağlık benimde bi katkım olsun :) font Awesome İconlar burada İconlar

[kaRanLık-61]

eline sağlık güzel konu olmuş.mybb offical siteden çevirdin sanırım.

[Ripbyrustavi]

eline sağlık güzel konu olmuş.mybb offical siteden çevirdin sanırım.

Evet :)