Neler yeni

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.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

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

  • Konbuyu başlatan Metinn_
  • 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.
 
Site linkiniz nedir default temaya göre kod verdim..
 
Tema neden bozuldu? Verdiğim kodları yanlış kopyalamış olabilir misiniz?
 
Tema neden bozuldu? Verdiğim kodları yanlış kopyalamış olabilir misiniz?

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.
 
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.
 

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.