Flarum sayfa isimlerinin yanına icon nasıl eklenebilir?

[silindi] Aşağıda ki kodlar ile sorun tamamı ile çözüldü. #header-primary > ul > li.item-link1 > a:before { font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 14px; content: '\f26c'; margin-right: 4px; vertical-align: -1px; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Not : Sıralı bir biçimde gidin yoksa kod çalışmıyor. ilk önce link1 sonra link2 şeklinde.

Bunun için CSS olarak özelleştirme yapmanız gerekiyor. Aynı daha önce @mekici 'un paylaşmış olduğu Giriş ve Kayıt Ol butonunda ki yapılmış değişiklikler gibi. Bunun için sayfa isminin üzerine sağ tıklayın. Ordan hangi tarayıcıyı kullanıyorsunuz bilmiyorum fakat incele/Ögeyi Denetle/Kaynak kodları göster tarzında şeylerden birisi olur. ona tıklayın. Aşağıda ki resimde de görüldüğü üzere li.item-link1 Classın da yer almakta diğer kayıt ol ve giriş yap konusunu referans alarak nasıl yapıldığını hemen çözersiniz zaten. Kolay gelsin iyi forumlar. Yusuf'un bahsettiği özelleştirme konusuna git İcon seçmek için tıklayınız. Eğer ki yapamaz iseniz bildirin sizlerle kaynak kod paylaşayım. Fakat biraz kurcalamanızı istiyorum. Kurcalayın ki nasıl yapıldığınız konusunda temelde olsa biraz bilgi birikimi oluşturun. Çok işinize yarar çünkü ileride. Neyse kolay gelsin şimdiden 🙂

[bilinmeyen] sadece yazıyı kalınlaştırdı bu kod olmadı

#header-primary > ul > li.item-link1 > a:before { font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 14px; content: '\f26c'; margin-right: 4px; vertical-align: -1px; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Tamam çözdüm sorunu bu kesinlikle çalıştırıcak. Kendim de denedim. İstediğiniz iconu seçmek için yukarı da link belirttim. content yazan yerdeki kodu ile değiştirin. [bilinmeyen]

NightKing : oldu 😃 teşekkürler 😃

[silindi] Önemli değil 🙂 Takıldığınız başka sorunlar olur ise konu açmayı unutmayınız. Çözüldü bölümüne taşıyorum konunuzu. İyi forumlar dilerim 🙂

NightKing menüde taşan kısımlar için yatay scroll vererek güzelleştirebilirsiniz

baskin o deneme sitesi pek üstüne düşmüyorum onun 🙂 testleri orada gerçekleştiriyorum.

NightKing #header-primary > ul > li.item-link1 > a:before { font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: 14px; content: '\f392'; margin-right: 4px; vertical-align: -1px; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Discord ikonunu etiketlerde kullanabilirken bu kodlara ekledim, ikon bozuk boş kare gözüküyor. Nasıl düzeltebiliriz?

Flarum sayfa isimlerinin yanına icon ekleme

[silindi]

Paylaşım için teşekkürler.

durpoy

NightKing

#header-primary > ul > li.item-link1 > a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 14px;
    content: '\f392';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

Discord ikonunu etiketlerde kullanabilirken bu kodlara ekledim, ikon bozuk boş kare gözüküyor. Nasıl düzeltebiliriz?

NightKing

durpoy mobildeyim hocam pcye geçince bakayım.

durpoy

NightKing bakabildin mi hocam.

durpoy

NightKing font awesome ikonu yerine nasıl resim ekleriz. Ben siteme dosya yüklemeyi kapatacagim da. Sizin siteyi bağlantı olarak ekleyecegim. Sizin gibi yapmak istiyorum.

Mithat

durpoy
Arkadaşın dediği gibi icon renkli nasıl ekleriz ayarlayamadım bende

tolgaaaltas

Mithat background veya font-color değerine şunu tanımlayıp CSS kodunu düzenleyin;
linear-gradient(to right, #0fbe7f 0%, #11b9d0 100%);

Mithat

tolgaaaltas

tam o kadar bilgim yok burdan aldığım kodları direk yapıştırıyordum özel css bölümüne tam olarak yerlerini söyleme sansınız varmı

sedatalagoz

Teşekkür ederim. Siteyi sayenizde güzelleştirebiliyoruz=)

takomlii

NightKing hocam fas fa icon kodunu nereye yazacağız?

tolgaaaltas

takomlii Uzantının güncel sürümünde FA desteği varsayılan olarak mevcut.
Soruna harici yanıt olarak; fas fa kodu değil content kodunu düzenleyeceksiniz.

tolgaaaltas

takomlii burada belirttim zaten.

tolgaaaltas content kodunu düzenleyeceksiniz.

takomlii

@tolgaaaltas#17476 #header-primary > ul > li.item-link1 > a:before {
    font-family: 'exclamation-circle';
    font-weight: 600;
    font-size: 14px;
    content: '\f26c';
    margin-right: 4px;
    vertical-align: -1px;
    
  }

Bu doğru mudur hocam

takomlii

takomlii hala olmuyor kutu şeklinde gözüküyor

tolgaaaltas

takomlii Font Family’i niye değiştirdiniz onu anlamadım.

takomlii

tolgaaaltas icon kodunu nereye yazmamız gerekiyor?

takomlii

takomlii tamamdır hocam çözdüm. content alanına yazmam gerekiyormuş örneğin \f2b9

« Önceki Sayfa