Miscellaneous Hacks - User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.5

This is better than previous mod because the unread and read messages icons are different.
Previous mod cannot be used in vb5.2.5 because changes in CSS classes.

1. Put font awesome in head_include template
style manager> style name> edit templates>head_include

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

2. Put this in css_additional.css
style manager> style name> edit templates> CSS templates> css_additional.css

/*-- top right menu icons --*/
.username-container .b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:first-child a:before {
    font-family: "FontAwesome";
    content: "\f2be";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
.username-container .b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:nth-child(2) a:before {
    font-family: "FontAwesome";
    content: "\f0e6";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
.username-container .b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:nth-child(3) a:before {
    font-family: "FontAwesome";
    content: "\f013";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
.username-container .b-comp-menu-dropdown .b-comp-menu-dropdown__content-item:last-child a:before {
    font-family: "FontAwesome";
    content: "\f08b";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
/*--- messages menu ---*/
.js-pmchat__dropdown-submenu .js-pmchat__submenu__ephemeral a:before {
    font-family: "FontAwesome";
    content: "\f2b6";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
.js-pmchat__dropdown-submenu .js-pmchat__submenu__ephemeral.b-comp-menu-dropdown__content-item--unread a:before {
    font-family: "FontAwesome";
    content: "\f0e0";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
.js-pmchat__dropdown-submenu .b-comp-menu-dropdown__content-item.b-comp-menu-dropdown__content-item--divider a:before {
    font-family: "FontAwesome";
    content: "\f040";
    padding-right: 10px;
    top: -1px;
    position: relative;
}
.js-pmchat__dropdown-submenu .b-comp-menu-dropdown__content-item:nth-last-child(2) a:before {
    font-family: "FontAwesome";
    content: "\f01c";
    padding-right: 10px;
    top: -1px;
    position: relative;
}

[napy8gen]

For vb5.2.4 below please use this one: https://vborg.vbsupport.ru/showthread.php?t=319772

Screenshots taken from 2 of my new styles

[shimei]

Works perfectly!

[Fleiding]

Awesome!

[Manuela]

Can´t vote for it (don´t know why)... so I reply to your thread.

Works great. Thank you!

[MarkFL]

Originally Posted by Manuela

Can?t vote for it (don?t know why)... so I reply to your thread...

If you mark it as "Installed" then you will be able to rate it.

[goxy63]

Cool, works just fine with VB5.2.6, installed and rated.
Thank you

[willie53]

Ok i have created a product for this and i am happy to release this all credits will be given to you