2.1 has a gazillion icons everywhere but they forgot to add nifty icons to Post buttons. The other day I saw a website that had a "Plus" icon next to their Reply button. I thought it was nice so I decided to add my own.
In this case, it's very simple. If you already use FontAwesome...
Open index.english.php and find:
$txt['reply'] = 'Reply';
Let's add the icon with color. Replace with:
$txt['reply'] = '<span style="color: #fa5f66;"><i class="fas fa-plus"></i></span> Reply';
Change the hex color #fa5f66; to suit your theme and if you want, do the same to the other buttons.
You cannot view this attachment.
nice!
This Post Is Old but Gold for me at this time!
Thanks, I found this.
Is there default icons in SMF 2.1.x for alerts, messages and profile. ?? I thought I saw some pop up when I was playin with the upgrade I did.
Quote from: Bigguy on February 15, 2022, 01:02:04 PMIs there default icons in SMF 2.1.x for alerts, messages and profile. ?? I thought I saw some pop up when I was playin with the upgrade I did.
There are. You just need to use the main_icons CSS class plus the appropriate CSS class for the specific icon you want. For example, to get the default icon for alerts, use the following:
<span class="main_icons alerts"></span>
I may try that, thank you sir. :)
I had to play a bit but I got it to do what I wanted, thank you again.
Well those icons are already there by default :P
You just have to comment or delete the lines that hide them in bigger screens
I think it's this?
#pm_menu_top .main_icons,
#alerts_menu_top .main_icons {
display: none;
}
Well, not sure if it's right but this is what I used. I also had to reposition the avatar as it was not inline with the other icons. I don't think the -1 in it is right, lol but hey it works:
#profile_menu_top > img.avatar {
height: 18px;
width: 18px;
margin: -1px 5px 0 0;
float: left;
}
#pm_menu_top .main_icons,
#alerts_menu_top .main_icons {
display: inline-flex;
}
Quote from: Diego Andrés on February 15, 2022, 08:09:12 PMWell those icons are already there by default
That's all I wanted to use.