The Arcive of vBulletin Modifications Site.

About Developer · **Released**: 01-29-2017

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

HTML Code:

<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

HTML Code:

/*-- 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;
}