Hoş Geldiniz! 👋

Tüm özelliklerimize erişmek için şimdi bize katılın. Kaydolup giriş yaptıktan sonra konu oluşturabilir, mevcut konulara yanıt gönderebilir, diğer üyelerinize itibar kazandırabilir, kendi özel mesajlaşma programınızı edinebilir ve çok daha fazlasını yapabileceksiniz. Aynı zamanda hızlı ve tamamen ücretsizdir, peki daha ne bekliyorsunuz?

Kayıt Ol

HTML wigdet bölümüne nasıl icon eklerim ?

raccoon

Kayıtlı Üye
1
HBL RANK
Konum
Türkiye
Konular
52
Katılım
31 Mart 2025
Konular
52
Mesajlar
172
Çözümler
3
Reaksiyon puanı
74
Meslek
Yönetici
Cinsiyet
Erkek
HTML ile bir wigdet oluşturdum, buraya diğer wigdet iconları ile aynı olacak şekilde nasıl icon eklerim? (Kendim denediğimde renk ve boyut bozukluğu oluyor diğer wigdet iconlarından farklı gözüktü.)
Global Forum İkonları eklentisi kullanmaktayım dosyada bulup deneyecektim fakat olmadı.
 
Çözüm
Adminimin ellerine sağlık, verdiği kod ile sorunu çözdük.

Kod:
//---- HTML Wigdet İcon
[data-widget-definition]
{
    .block-minorHeader::before
    {
        display: inline-block;
        padding-right: 5px;
        opacity: 0.7;
        .m-faContent(@fa-var-ellipsis-v);
    }   
}
[data-widget-key="forum_overview_aykiriicerik"]
{
    .block-minorHeader
    {
        &:before
        { .m-faContent(@fa-var-chart-bar);}
    }
}
//
xgt_globalForum_ikonlari.less şablonunda bul;
CSS:
.block[data-widget-definition="xfrm_resource_statistics"] &{ .m-faContent(@fa-var-analytics);}

Altına ekle;
CSS:
.block[data-widget-definition="forum_overview_aykiriicerik"] &{ .m-faContent(@fa-var-bars);}

Bu şekilde ekleme yaparak kontrol edebilir misin?
 
xgt_globalForum_ikonlari.less şablonunda bul;
CSS:
.block[data-widget-definition="xfrm_resource_statistics"] &{ .m-faContent(@fa-var-analytics);}

Altına ekle;
CSS:
.block[data-widget-definition="forum_overview_aykiriicerik"] &{ .m-faContent(@fa-var-bars);}

Bu şekilde ekleme yaparak kontrol edebilir misin?
Eve geçer geçmez deneyip sana bilgi vereceğim adminim
 
xgt_globalForum_ikonlari.less şablonunda bul;
CSS:
.block[data-widget-definition="xfrm_resource_statistics"] &{ .m-faContent(@fa-var-analytics);}

Altına ekle;
CSS:
.block[data-widget-definition="forum_overview_aykiriicerik"] &{ .m-faContent(@fa-var-bars);}

Bu şekilde ekleme yaparak kontrol edebilir misin?
Denedim fakat bir değişiklik olmadı üstadım
 
Denedim fakat bir değişiklik olmadı üstadım
Evet aynen yanlış vermişiz ya pardon :D

Aşağıdakini eklemen gerekiyor.

Kod:
.block[data-widget-key="forum_overview_aykiriicerik"] &{ .m-faContent(@fa-var-bars);}

Birde bu şekilde deneyebilir misin? Kusura bakma kafa dalgın biraz :)
 
Evet aynen yanlış vermişiz ya pardon :D

Aşağıdakini eklemen gerekiyor.

Kod:
.block[data-widget-key="forum_overview_aykiriicerik"] &{ .m-faContent(@fa-var-bars);}

Birde bu şekilde deneyebilir misin? Kusura bakma kafa dalgın biraz :)
Estağfrullah olur mu adminim :)
Yalnız bu kodu da ekledim fakat gözükmedi :/

 
Adminimin ellerine sağlık, verdiği kod ile sorunu çözdük.

Kod:
//---- HTML Wigdet İcon
[data-widget-definition]
{
    .block-minorHeader::before
    {
        display: inline-block;
        padding-right: 5px;
        opacity: 0.7;
        .m-faContent(@fa-var-ellipsis-v);
    }   
}
[data-widget-key="forum_overview_aykiriicerik"]
{
    .block-minorHeader
    {
        &:before
        { .m-faContent(@fa-var-chart-bar);}
    }
}
//
 
Çözüm

Konuyu toplam 0 üye okuyor. (0 Kayıtlı üye ve 0 Misafir)

Sitemiz bir forum sitesi olduğu için kullanıcılar her türlü görüşlerini önceden onay olmadan anında siteye yazabilmektedir. 5651 sayılı yasaya göre bu yazılardan dolayı doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. 5651 sayılı yasaya göre sitemiz mesajları kontrolle yükümlü olmayıp, yasaya aykırı yada telif hakkı içeren paylaşımlar BURADAN bize ulaşıldığı taktirde, ilgili konu en geç 48 saat içerisinde kaldırılacaktır. Sitemizde Bulunan Videolar YouTube, Facebook, Dailymotion, v.b. video paylaşım sitelerinden alınmaktadır. Telif hakları sorumluluğu bu sitelere aittir. Videoların hiç biri sunucularımızda bulunmamaktadır.
  • Geri
    Üst