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.

  • 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 ? Nasıl İcon Eklerim?

1ugur

Kullanıcı
Aktif Lisans
SMS onaylı
Kullanıcı
Katılım
7 Eyl 2022
Mesajlar
17
Merhaba Hayırlı Ramazanlar,
Html sayfa Eklentisi ile oluşturduğum alana İconu nasıl ekliyoruz. Aydınlatabilirmisiniz.

1680336971912.png
 
Yanlış hatırlamıyor isem Forum Düzenleme Ayarlarına girin Simgeyi değiştirmek için Duotone Simgeleri ekleyebilir ve diğer tüm FontAwesome Sınıflarını ekleyebilirsiniz.
 
Bunu eklenti ile yapmazsınız, yapmanız gereken tab İD ile bir ikon çağrısı yapmaktır.

CSS:
.navdbtechEcommerce .xgt-quality-nav-icon::before {
    content: '\f794';
    margin-right: 8px;
}
Bu dizilim içinde .navdbtechEcommerce bu butonun İD olarak görüle bilir. B u butonu göre bilir isek daha net bir bilgi vere biliriz.
 
Bu kodlar mı?
 
Moderatör tarafında düzenlendi:
Hayır butonu görmek gerekli, ziyaretçilere açın yada demo bir kullanıcı girişi verin bakalım.
 
Şu kodu extra.less ekleyerek dener misiniz.

CSS:
.p-navE1 a[data-nav-id="xgtHtml_sayfa"]:before
{
    font-family: 'Font Awesome 5 Pro';
    content: '\f794';
 }
 
Bi kaç kodu deneme yanılmayla çalıştırdım. Alt başlıkların iconları göründü. Ürünlerin iconunu bir türlü gösteremedim. Sebebi nedir Bilgisi olan yardım edebilecek varmı?
Kodları Aşağı bıraktım.
1680939659762.png

Kod:
.p-navEl a, .menu-linkRow, .offCanvasMenu--nav .js-offCanvasNavTarget a {

&:before {
.m-faBase();
display: inline-block;
margin-right: 5px;
}

&[data-nav-id='xgtHtml_sayfa']:before {.m-faContent(@fa-var-home);}
&[data-nav-id='enh']:before {.m-faContent(@fa-var-star);}
&[data-nav-id='dgtm']:before {.m-faContent(@fa-var-star);}
&[data-nav-id='fllpkt']:before {.m-faContent(@fa-var-star); margin-right: 15px;}
&[data-nav-id='bslgnc']:before {.m-faContent(@fa-var-star); margin-right: 15px;}

}
 
İconu görünür yapmayı başardım. Tek sorun yerinde degil 😂

1680955458520.png

Kod:
a.p-navEl-link:before, a.offCanvasMenu-link:before
{
   .m-faBase();
    text-align: center;
    display: inline-block;
    width: (20em / 16);
    margin-right: 3px;
}
.p-pageWrapper
{
    a[data-nav-id="xgtHtml_sayfa"]:before { .m-faContent("\f794"); }
    }
😂
 

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.