MyBB Depo Forum
Font-Awesome Forum Icon Yapımı - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+--- Konu Başlığı: Font-Awesome Forum Icon Yapımı (/font-awesome-forum-icon-yapimi-konusu.html)



Font-Awesome Forum Icon Yapımı - Ripbyrustavi02 - 22-04-2017

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

Kod:
<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:
<span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span>

değiştir:
Kod:
<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:
.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:
.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ç :
resim

-Ripbyrustavi02


Cvp: Font-Awesome Forum Icon Yapımı - VenomBoss - 26-04-2017

teşekkürler hocamda başka iconlar yapamıyormuyuz?