Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Çözüldü Kategori kısmına resim/icon ekleme

  • Konuyu Başlatan Konuyu Başlatan Metinn_
  • Başlangıç tarihi Başlangıç tarihi
Bu sorun verilen destek sayesinde çözüme ulaştırılmıştır.

Çözüldü Kategori kısmına resim/icon ekleme

Kullandığınız tema da extra.less şablonunu açın.

FontAwsome Kullanmak için aşağıdaki css kodunu

Kod:
[data-template="forum_list"]
.p-body-main .p-body-content
.block-container .block-header:before {
    display: inline-block !important;
    font-family: "FontAwesome";
    content: "\f27b";
}

Resim Kullanmak için aşağıdaki kodu ekleyip kullanabilirsiniz. Resim yolu alanına istediğiniz resmi ekleyin.

Kod:
[data-template="forum_list"]
.p-body-main .p-body-content
.block-container .block-header:before {
    display: inline-block !important;
    background-image: url("resimyolunuz");
    background-repeat: no-repeat;
    height:32px;
    width:32px;
}
Kullandığınız tema da extra.less şablonunu açın.

FontAwsome Kullanmak için aşağıdaki css kodunu

Kod:
[data-template="forum_list"]
.p-body-main .p-body-content
.block-container .block-header:before {
    display: inline-block !important;
    font-family: "FontAwesome";
    content: "\f27b";
}

Resim Kullanmak için aşağıdaki kodu ekleyip kullanabilirsiniz. Resim yolu alanına istediğiniz resmi ekleyin.

Kod:
[data-template="forum_list"]
.p-body-main .p-body-content
.block-container .block-header:before {
    display: inline-block !important;
    background-image: url("resimyolunuz");
    background-repeat: no-repeat;
    height:32px;
    width:32px;
}
 
Çözüm
Kullandığınız tema da extra.less şablonunu açın.

FontAwsome Kullanmak için aşağıdaki css kodunu

Kod:
[data-template="forum_list"]
.p-body-main .p-body-content
.block-container .block-header:before {
    display: inline-block !important;
    font-family: "FontAwesome";
    content: "\f27b";
}

Resim Kullanmak için aşağıdaki kodu ekleyip kullanabilirsiniz. Resim yolu alanına istediğiniz resmi ekleyin.

Kod:
[data-template="forum_list"]
.p-body-main .p-body-content
.block-container .block-header:before {
    display: inline-block !important;
    background-image: url("resimyolunuz");
    background-repeat: no-repeat;
    height:32px;
    width:32px;
}
Merhabalar dediğiniz şeyi yaptım ama tema bozuldu.
 
Merhaba alttaki kodu ekledim extra.less e ekleyince sorunsuz çalışıyor. Ama farklı kategoride kullanabilirmiyiz. Örneğin Pc kategorisinde ayrı telefon kategorisinde ayrı olacak şekilde.

Yapılır ama bunun bir düzen içerisinde olması gerekir. Kategori ID'sine göre çalışma yapılması lazım. Elimdeki işler bittiğinde anlatımını yaparım ya da bir eklenti haline getiririz.
 

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Geri