HOŞ GELDİNİZ!

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?

Bu alana nasıl icon eklerim?

raccoon

Kayıtlı Üye
1
HBL RANK
Katılım
31 Mart 2025
Konular
51
Mesajlar
168
Çözümler
3
Reaksiyon puanı
71
Puanları
28
Konum
Türkiye
Cinsiyet
Erkek
Eklenti ile konu yada mesajlara DM Gönder diye bir eklenti ekledim ve kendime göre arka planı özelleştirdim.
Fakat buraya icon nereden ekleniyor bilmiyorum, aşağıda belirttiğim css için kullandığım kod.

Kod:
.actionBar-action--startConversation
 
Çözüm
Hatta @admin less içindeki kodu bırakıyorum sana

Kod:
//---- [XGT] Konu/cevap butonlari - Eylem bar
        .actionBar-action
        {
            &--edit, &--report, &--ip, &--delete, &--spam, &--warn, &--history
            {
                &:before{ padding-right: 5px;}
            }
            &--edit:before { .m-faContent(@fa-var-edit);}
            &--report:before { .m-faContent(@fa-var-exclamation-triangle);}
            &--ip:before { .m-faContent(@fa-var-search); }
            &--delete:before { .m-faContent(@fa-var-trash-alt);}
            &--spam:before { .m-faContent(@fa-var-sensor-alert); }
            &--warn:before { .m-faContent(@fa-var-engine-warning); }
            &--history:before {...
Aşağıda ki kodu deneyebilir misin?

CSS:
.actionBar-action--startConversation::before {
    .m-faIcon(@fa-var-telegram);
}
 
Aşağıda ki kodu deneyebilir misin?

CSS:
.actionBar-action--startConversation::before {
    .m-faIcon(@fa-var-telegram);
}

Ekledim adminim ama sanki diğer iconlar gibi durmadı gibi, global forum iconları eklentisi var xengentr den 2.3 için aldığım acaba onun less şablonunda değişiklik yapsam ?
Ekstra olarak action bar için ekstra bir özelleştirme kullanıyorum

Kod:
/* Mesaj içi eylem butonlarını özelleştirme */
.message-footer {
    .actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--ip, .actionBar-action--warn, .actionBar-action--spam, .actionBar-action--startConversation {
        background: none !important;
        padding: 2px 15px;
        @media (max-width: @xf-responsiveMedium) {
            padding: 2px 2px;
        }
        border-color: #ececec;
    }
}
.message-footer {
    .actionBar-action--report:hover, .actionBar-action--edit:hover, .actionBar-action--history:hover, .actionBar-action--delete:hover, .actionBar-action--ip:hover, .actionBar-action--warn:hover, .actionBar-action--spam:hover, .actionBar-action--startConversation:hover {
        background: #edf6fd !important;
        text-decoration: none !important;
    }
}
/*****/
 
Hatta @admin less içindeki kodu bırakıyorum sana

Kod:
//---- [XGT] Konu/cevap butonlari - Eylem bar
        .actionBar-action
        {   
            &--edit, &--report, &--ip, &--delete, &--spam, &--warn, &--history
            {
                &:before{ padding-right: 5px;}
            }
            &--edit:before { .m-faContent(@fa-var-edit);}
            &--report:before { .m-faContent(@fa-var-exclamation-triangle);}
            &--ip:before { .m-faContent(@fa-var-search); }
            &--delete:before { .m-faContent(@fa-var-trash-alt);}
            &--spam:before { .m-faContent(@fa-var-sensor-alert); }
            &--warn:before { .m-faContent(@fa-var-engine-warning); }
            &--history:before { .m-faContent(@fa-var-history);}
        }
 
Hatta @admin less içindeki kodu bırakıyorum sana

Kod:
//---- [XGT] Konu/cevap butonlari - Eylem bar
        .actionBar-action
        {
            &--edit, &--report, &--ip, &--delete, &--spam, &--warn, &--history
            {
                &:before{ padding-right: 5px;}
            }
            &--edit:before { .m-faContent(@fa-var-edit);}
            &--report:before { .m-faContent(@fa-var-exclamation-triangle);}
            &--ip:before { .m-faContent(@fa-var-search); }
            &--delete:before { .m-faContent(@fa-var-trash-alt);}
            &--spam:before { .m-faContent(@fa-var-sensor-alert); }
            &--warn:before { .m-faContent(@fa-var-engine-warning); }
            &--history:before { .m-faContent(@fa-var-history);}
[/QUOTE]

bu kodu aşağıdaki ile değiştirip deneyebilir misin
CSS:
//---- [XGT] Konu/cevap butonlari - Eylem bar
        .actionBar-action
        {
            &--edit, &--report, &--ip, &--delete, &--spam, &--warn, &--history
            {
                &:before{ padding-right: 5px;}
            }
            &--edit:before { .m-faContent(@fa-var-edit);}
            &--report:before { .m-faContent(@fa-var-exclamation-triangle);}
            &--ip:before { .m-faContent(@fa-var-search); }
            &--delete:before { .m-faContent(@fa-var-trash-alt);}
            &--spam:before { .m-faContent(@fa-var-sensor-alert); }
            &--warn:before { .m-faContent(@fa-var-engine-warning); }
            &--history:before { .m-faContent(@fa-var-history);}
            &--startConversation:before {.m-faIcon(@fa-var-telegram);}
        }
 
Çözüm
bu kodu aşağıdaki ile değiştirip deneyebilir misin
CSS:
//---- [XGT] Konu/cevap butonlari - Eylem bar
        .actionBar-action
        {
            &--edit, &--report, &--ip, &--delete, &--spam, &--warn, &--history
            {
                &:before{ padding-right: 5px;}
            }
            &--edit:before { .m-faContent(@fa-var-edit);}
            &--report:before { .m-faContent(@fa-var-exclamation-triangle);}
            &--ip:before { .m-faContent(@fa-var-search); }
            &--delete:before { .m-faContent(@fa-var-trash-alt);}
            &--spam:before { .m-faContent(@fa-var-sensor-alert); }
            &--warn:before { .m-faContent(@fa-var-engine-warning); }
            &--history:before { .m-faContent(@fa-var-history);}
            &--startConversation:before {.m-faIcon(@fa-var-telegram);}
        }
Eline sağlık tamamdır üstadım
 

Yorum yapmak için bir hesap oluşturun veya giriş yapın

Yeni bir konu oluşturabilmek veya konulara cevap verebilmek için sitemize üye olmanız gerekmektedir

Hesap oluştur

Forum sitemizde bir hesap oluşturun. Bu işlem çok kolay!

Giriş yap

Zaten bir hesabınız var mı? Giriş yapın.

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

Sinemanın doğuşu, film endüstrisinin ilk yıllarına dayanır. İlk sinema filmleri, 1890'larda Thomas Edison'un Kinetoskop gibi buluşları ile ortaya çıkmış ve kısa süreli görüntü akışları şeklinde izleyicilere sunulmuştur.
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