Flarum'da Kayıt ol ve Giriş butonlarına ikon ekleme

mekici · 4 Ağu 2019

“Kayıt Ol” ve “Giriş” sekmelerine aşağıdaki özel CSS kodu ile ikon ekleyebilirsiniz. Aşağıdaki kodu Admin Panelde Görünüm menüsünde bulunan harici CSS stilleri bölümüne ekleyin. \f2f6 ve \f234 kısmını istediğiniz ikonun kodu ile değiştirin.

#header-secondary > ul > li.item-logIn > button[title="GiRiŞ YAP"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
    content: '\f2f6';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

#header-secondary > ul > li.item-signUp > button[title="ÜYE OL"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 11px;
    content: '\f234';
    margin-right: 4px;
    vertical-align: 1px;   
}

[title=“GiRiŞ YAP”] kısmını değiştirmeyi unutmayın. flarumtr.com’da oturum açma GİRİŞ YAP, Yeni üyelik ise ÜYE OL şeklinde tanımlandı. Sizde sitenizde nasıl kullanıyorsanız onunla değiştirin.

RecepBilgin · 4 Ağu 2019

Hocam teşekkürler fakat ben ekledikten sonra pek değişen birşey olmadı?

mekici · 4 Ağu 2019

mekici [title=“GiRiŞ YAP”] kısmını değiştirmeyi unutmayın. flarumtr.com’da oturum açma GİRİŞ YAP, Yeni üyelik ise ÜYE OL şeklinde tanımlandı. Sizde sitenizde nasıl kullanıyorsanız onunla değiştirin.

Buna dikkat ettiğine emin misin?

mekici · 4 Ağu 2019

Flarumtr Türkçe dil eklentisini kullanıyorsan direk aşağıdaki kodu harici sitillere eklersen çalışır.

#header-secondary > ul > li.item-logIn > button[title="Giriş Yap"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 16px;
    content: '\f2f6';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

#header-secondary > ul > li.item-signUp > button[title="Kaydol"]:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 12px;
    content: '\f234';
    margin-right: 4px;
    vertical-align: 1px;   
}

RecepBilgin · 4 Ağu 2019

mekici Tamamdır oldu Kodda ki giriş ve kaydol yazıları büyük olduğundan olmuyor. tamamdır.