Flarum etiketlere icon ekleme

mekici · 30 Mar 2019

[silindi] Özel CSS eklemek lazım

.item-tag1 .icon.TagIcon.Button-icon,
.item-tag2 .icon.TagIcon.Button-icon
 {
    background-color: transparent !important;
}

.item-tag1 > a > span:before {
    
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 92%;
    content: "\f492";
    margin-right: 0.3em;
    line-height: 15px;
    vertical-align: top;

}

.item-tag2 > a > span:before {
    
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 92%;
    content: "\f059";
    margin-right: 0.3em;
    line-height: 15px;
    vertical-align: top;
}

\f059 olan kısmı Fontawesome'den istediğiniz iconun koduyla değiştirin. .item-tag1 .icon.TagIcon.Button-icon birici etiket için, benzer şekilde .item-tag2 .icon.TagIcon.Button-icon ikinci etiket için böyle böyle artırabilirsiniz.

eyypbada · 15 Oca 2020

Merhaba, bu işlemi font ile değil de istediğimiz bir image url ile halledemez miyiz ?

tolgaaaltas · 15 Oca 2020

eyypbada Temelde mümkün. @mekici’un FoF Links için kullandığı yöntem ile gerçekleştirilebilir gibi geldi bana. Ama denemedim.

eyypbada · 15 Oca 2020

Tekrardan merhaba biraz uğraştım birincil etiketler için şu şekilde oluyor

.item-tag3 > a > span:before {
content: url(“image-url”);
background-repeat: no-repeat;
display: block;
max-height: 5px;
}

.item-tag3 .icon.TagIcon.Button-icon
{
background-color: transparent !important;
}

fakat ikincil olanlarda başka sıkıntılar var

Eerdem21 · 23 Eyl 2020

merhabalar img url ekledim olmadı url çıkıyor

Ggorunurad · 22 Oca 2021

Şu bölümdeki ikonları bu mantıkla değiştirmek mümkün mü? Değiştirmek istediğim ikon da font awesome’dan olacak bu arada.

mekici · 22 Oca 2021

gorunurad Tags eklentisinde yeni etiket oluştururken font Awesome ikonu ekleyebilirsiniz.

Bu konu eski bir konu. Önceden Flarumda bu özellik CSS ile yapılabiliyorken şu an varsayılan olarak ayarlanabilmektedir.

mekici · 22 Oca 2021

gorunurad görseldeki ikonlar eklenti ile gelen ikonlar. Css sınıfına bakma lazım. Ama değiştirilebilir

tolgaaaltas · 22 Oca 2021

mekici Bu uzantı ile de değiştirilebilirdi tabi güncel sürümle uyumlu olsa idi.

Ggorunurad · 23 Oca 2021

gorunurad Buradaki blog kısmını değiştirmek için aşağıdaki kod bloğu yeterli oluyor.

.fa-comment:before {
    /* yeni ikonun kodu */
    content: "\f039"; 
}

durpoy · 23 Oca 2021

gorunurad