PDA

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


napy8gen
01-29-2017, 10:00 PM
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
01-30-2017, 09:10 PM
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 (https://www.sultantheme.com/2017/01/29/new-mergastua-and-ledang-for-vb5-are-released/)

shimei
01-31-2017, 03:19 AM
Works perfectly!

Fleiding
02-05-2017, 07:38 AM
Awesome!

Manuela
04-14-2017, 01:35 PM
Can´t vote for it (don´t know why)... so I reply to your thread.

Works great. Thank you!

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

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