PDA

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


napy8gen
30 Jan 2017, 23:09
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
30 Jan 2017, 23:10
For vb5.2.4 below please use this one: http://www.vbulletin.org/forum/showthread.php?t=319772

Screenshots taken from 2 of my new styles (https://www.sultantheme.com/2017/01/29/new-mergastua-and-ledang-for-vb5-are-released/)

shimei
31 Jan 2017, 05:19
Works perfectly!

Fleiding
05 Feb 2017, 09:38
Awesome!

Manuela
14 Apr 2017, 16:35
Canīt vote for it (donīt know why)... so I reply to your thread.

Works great. Thank you!

MarkFL
14 Apr 2017, 20:37
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
22 Apr 2017, 22:22
Cool, works just fine with VB5.2.6, installed and rated.
Thank you

willie53
24 Mar 2018, 02:23
Ok i have created a product for this and i am happy to release this all credits will be given to you