Merhaba arkadaşlar. Etiketlerdeki ikonları nasıl hareketle hale getirebiliriz bugün size onu anlatacağım.
1 - Admin paneline giriş yapın.
2 - Özelleştirme ve CSS kısmına girin CSS yazdığımız ekranı açın. ve en alt satıra aşağıda ki kaynak kodları ekleyin.
3 - Hareketli icon seçmek için tıklayın.
Not : Ücretli ve ücretsiz iconlar vardır. En fazla ücretsiz icon barındıran benim bulabildiğim site bu olduğu için burayı paylaştım. Eğer ki bildiğiniz başka bir site var ise yorumlarda paylaşırsanız sevinirim 🙂
Etiketin item-tag'ı hangisi ise onu seçin koymak istediğiniz icona. Onu nasıl öğrenirim diyor isen çözümü aşağıda.
Ben gif olarak girdim fakat eğer ki bulabilirseniz .webp resim dosyası bulun. Çok daha stabil çalışacaktır.
.item-tag5 .icon.TagIcon.Button-icon {
background-image: url(https://i.hizliresim.com/Rr7MNR.gif);
background-size: 100% 100%;
width: 20px;
height: 20px;
background-color: transparent!important;
}
Etiketlerinizin alacağı hal aşağıdaki gibi olacaktır.