Kullanıcı:
Filtreler
Neler yeni
XenGenTr
Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? HTML Widget icon ekleme

S

Sessiz

Sabit kullanıcı
SMS onaylı
Kullanıcı
Katılım
3 Ara 2020
Mesajlar
94
Çözümler
4
Merhaba, HTML olarak bir widget yaptım ve yazının başına icon eklemek istiyorum. Global forum ikonları eklentisindeki kodları örnek alarak yapmaya çalıştım, ancak işe yaramadı. Nasıl yapabilirim?
1653577180579.png
 

Nasıl yapılır ? HTML Widget icon ekleme

MustafaseveR
Sessiz' Alıntı:
Merhaba, HTML olarak bir widget yaptım ve yazının başına icon eklemek istiyorum. Global forum ikonları eklentisindeki kodları örnek alarak yapmaya çalıştım, ancak işe yaramadı. Nasıl yapabilirim?
Ekli dosyayı görüntüle 20128
Genişletmek için tıkla ...
incele diyip yada f12 basarak ilgili widget bulup widget idsini giriniz. şablonlardan extra.less içine alttaki kodları ekleyin.
CSS: 
    [data-widget-id="10"] {
        .block-minorHeader::before {
          .m-faBase();
          .m-faContent(@fa-var-home,2em); 
        }
    }
Tamamını görüntüle
Tarihe göre sırala Oylara göre sırala
Sessiz' Alıntı:
Merhaba, HTML olarak bir widget yaptım ve yazının başına icon eklemek istiyorum. Global forum ikonları eklentisindeki kodları örnek alarak yapmaya çalıştım, ancak işe yaramadı. Nasıl yapabilirim?
Ekli dosyayı görüntüle 20128
Genişletmek için tıkla ...
incele diyip yada f12 basarak ilgili widget bulup widget idsini giriniz. şablonlardan extra.less içine alttaki kodları ekleyin.
CSS: 
    [data-widget-id="10"] {
        .block-minorHeader::before {
          .m-faBase();
          .m-faContent(@fa-var-home,2em); 
        }
    }
 
Oyla 0 Downvote
Çözüm
MustafaseveR' Alıntı:
incele diyip yada f12 basarak ilgili widget bulup widget idsini giriniz. şablonlardan extra.less içine alttaki kodları ekleyin.
CSS: 
    [data-widget-id="10"] {
        .block-minorHeader::before {
          .m-faBase();
          .m-faContent(@fa-var-home,2em);
        }
    }
Genişletmek için tıkla ...
icon kodlarını nereden aldınız
 
Oyla 0 Downvote
Sessiz' Alıntı:
Hocam, iconu değiştirmek istiyorum da font awesome kodlarını girince site bozuluyor. Değiştiremez miyim bu ikonu?
Genişletmek için tıkla ...
home yazan kısıma istediğiniz icon yazabilirisniz fontawesomeden isimlerine bakıp.
örnek /
.m-faContent(@fa-var-car);
.m-faContent(@fa-var-user);
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

Giriş yap Şimdi kayıt ol