https://instagram.com/alphazzers
   
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB her foruma ayrı Font Awesome ikon [Modifikasyon]
#1
Bu modifikasyon sayesinde herhangi bir eklentiye(plugin) ihtiyaç duymadan her kategoriye ayrı Font Awesome ikon ekleye bilirsiniz.
Farklı bir sitede paylaşırken yapımcı ismi belirtmenizi rica ediyorum, örn: Modifikasyon Yapımcısı: Novruz.

Admin KP » Temalar ve şablonlar » Şablonlar » Kullandığınız temanın şablon seti » Headerinclude - [Gruplandırılmamış] Şablonlar » headerinclude {$stylesheets} değişkeninin üzerine aşağıdaki kodu ekleyin.

PHP Kod:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.9.0/css/all.css"

Admin KP » Temalar ve şablonlar » Şablonlar » Kullandığınız temanın şablon seti » Forum Bit Şablonlar » forumbit_depth2_forum bul ve değiştir;

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

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

Admin KP » Temalar ve şablonlar » Kullandığınız tema » global.css » Gelişmiş düzenleme »  bul ve değiştir;

PHP Kod:
.forum_status {
 
height30px;
 
width30px;
 
backgroundurl(images/forum_icon_sprite.pngno-repeat 0 0;
 
displayinline-block;


PHP Kod:
.forum_status {
 
height35px;
 
width35px;
 
displayinline-flex;
 
align-itemscenter;
 
justify-contentcenter
}

.
forum_status:before{
 
font-family'Font Awesome 5 Free';
 
content'';
 
font-size2rem


Kategori id bulma ve ikon ekleme;
Forum sayfanıza geçiş yaparak ikon eklemek istediğiniz forumun isminin üzerine gelerek tarayıcınızda sağ veya sol altta çıkan linkin sonundaki rakam sizin forumun id'si. İkon eklemek için; bir önceki adımda değiştirdiğiniz kodların altına aşağıdaki kodu ekleyin ve forumid kısmını forumun id'si ile değiştirin.

JVDpvJ.png

PHP Kod:
.forumicon_forumid:before{
 
content:'\f042';


İkon değiştirme için; bu link'ten eklemek istediğiniz ikonu arama yaparak veya listeden seçin ve üzerine tıklayın. Açılan sayfada resimde belirttiğim kısımdaki kodu eklediğimiz css kodundaki f042 kodu ile değiştirin.
Not: Eklediğiniz ikon gözükmediği takdirde aynı content:'\f042'; kodu altına font-weight: bold; kodunu ekleyin.
nblABV.png

Önizleme:
vaPgq4.png
Ara
Cevapla PGM
#2
Hocam bir tanesi çalıştı diğerleri kare şeklinde gözüküyor...
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#3
(14-08-2019 Saat: 20:21)NextWorld Nickli Kullanıcıdan Alıntı: Hocam bir tanesi çalıştı diğerleri kare şeklinde gözüküyor...

Konuya yeni not eklenmiştir, inceleyiniz.
Ara
Cevapla PGM
Teşekkür verenler: NextWorld


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



WTSupport | Torrent - ZULA - The Forest Platformu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping