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

Bu alana nasıl icon eklerim?

raccoon

Kayıtlı Üye
1
HBL RANK
Katılım
31 Mart 2025
Konular
52
Mesajlar
172
Çözümler
3
Reaksiyon puanı
74
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
 

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

Geri
Üst