Gördüğünüz gibi, sadece biraz daha vurgulamak için sadece yeni öğelerin üzerine geldiğinde değişen bir simge alabilirsiniz. Extra.less şablonunu
açın ve kodu ekleyin:
Kod:
/*** Highlight new menu item ***/
.menu-row.menu-row--separated.menu-row--clickable.menu-row--highlighted {
&:before {
.m-faBase();
.m-faContent(@fa-var-dot-circle);
float: right;
color: @xf-paletteAccent2;
}
&:hover:before {
.m-faBase('Pro', @faWeight-solid);
.m-faContent(@fa-var-dot-circle);
}
}
/**********/
Simge rengini değiştirmek için renk özelliğini düzenleyin .
Vurgulu kontrol sınıfına simgesi düzenlemek için &:hover:before.
Belirli bir stilin Pro simgesini mi istiyorsunuz?
Düzenleyin .m-faBase();ve değiştirin .m-faBase('Pro', @faWeight-solid);, .m-faBase('Pro', @faWeight-regular);veya .m-faBase('Pro', @faWeight-light);.
Size özel simgemi ister misiniz?
Düzenleyin .m-faBase();ve değiştirin .m-faBase('Brands');.