SyTry
Well-known member
Hello,
I'm currently updating my add-on to add Font Awesome icons in the Member View, but for now I use a lots of template modification.. I want to change it for a simple template modification to the
Here is the add-on : https://xenforo.com/community/resources/sc-member-view-font-awesome.5950/
So I started to change my code to only use CSS and style properties like this :
Working (moderator tools) :
![Screenshot_2.webp Screenshot_2.webp](https://xenforo.com/community/data/attachments/222/222713-5f2af67bb4f268e1c66fcc1d8ff346a5.jpg?hash=Xyr2e7TyaO)
My problem is the following :
How to add an icon in the visitor panel before![Unsure :unsure: :unsure:](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f914.png)
Do we have a methode like![ROFL :ROFLMAO: :ROFLMAO:](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f923.png)
Regards, SyTry
I'm currently updating my add-on to add Font Awesome icons in the Member View, but for now I use a lots of template modification.. I want to change it for a simple template modification to the
EXTRA.less
template. Here is the add-on : https://xenforo.com/community/resources/sc-member-view-font-awesome.5950/
So I started to change my code to only use CSS and style properties like this :
Code:
/*Member View - Font Awesome*/
.menu-linkRow {
&:before {
.m-faBase();
padding-right: 3px;
}
&[href*="spam-cleaner"]:before { .m-faContent(@fa-var-user); }
&[href*="warn"]:before { .m-faContent(@fa-var-user); }
&[href*="warnings"]:before { .m-faContent(@fa-var-user); }
&[href*="user-ips"]:before { .m-faContent(@fa-var-user); }
&[href*="shared-ips"]:before { .m-faContent(@fa-var-user); }
&[href*="ban"]:before { .m-faContent(@fa-var-user); }
&[href*="edit"]:before { .m-faContent(@fa-var-user); }
}
Working (moderator tools) :
![Screenshot_2.webp Screenshot_2.webp](https://xenforo.com/community/data/attachments/222/222713-5f2af67bb4f268e1c66fcc1d8ff346a5.jpg?hash=Xyr2e7TyaO)
My problem is the following :
How to add an icon in the visitor panel before
Messages, Reactions, etc.
? I can't figure out how to do it .. ![Unsure :unsure: :unsure:](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f914.png)
Do we have a methode like
&[phrase=warn]:before { .m-faContent(@fa-var-user); }
? ![ROFL :ROFLMAO: :ROFLMAO:](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f923.png)
Regards, SyTry