vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=319772

User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.3/vb5.2.4
by napy8gen
07 Aug 2015 23:46

2 Attachment(s)
1. Put font awesome in head_include template
style manager> style name> edit templates>head_include
Quote:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
if not working use http
Quote:

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.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
Quote:

/*-- User drop down menu icon --*/
/*-- my profile --*/
#main-navbar .username-container ul.submenu li:first-child a span::before{
font-family: "FontAwesome";
content: "\f007";
padding-right:10px;
}
/*-- post --*/
#main-navbar .username-container ul.submenu li:nth-child(2) a span::before{
font-family: "FontAwesome";
content: "\f086";
padding-right:10px;
}
/*--settings --*/
#main-navbar .username-container ul.submenu li:nth-child(3) a span::before {
font-family: "FontAwesome";
content: "\f013";
padding-right:10px;
}
/*-- logout --*/
#main-navbar .username-container ul.submenu li:last-child a span::before {
font-family: "FontAwesome";
content: "\f08b";
padding-right:10px;
}


/*-- new chat menu icon --*/
#main-navbar .js-pmchat__dropdown ul.submenu li a span::before {
font-family: "FontAwesome";
content: "\f075";
padding-right: 10px;
}
#main-navbar .js-pmchat__dropdown ul.submenu li:last-child a span::before {
font-family: "FontAwesome";
content: "\f061";
padding-right: 10px;
}


napy8gen 07 Aug 2015 23:48

Above mod working for up to vb5.2.4 ONLY

HowToEvery 08 Jun 2016 06:57

Thank you! Works great on version 5.2.2
Also my website is rtl so just needed to change
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Mattwhf 01 Jul 2016 15:43

Cool!

Can I apply for my vB4 theme?

I have same navigation like you.

napy8gen 14 Aug 2016 18:52

Quote:

Originally Posted by Mattwhf (Post 2572672)
Cool!

Can I apply for my vB4 theme?

I have same navigation like you.

Code above for vb5 only.
I have updated the code for new message chat drop down.

Totemizado 30 Aug 2016 15:07

I don't know why it doesn't make any change in my forum. I followed your steps but I don't see any change.

Have you got any idea?

PD: Sorry about my english.

Madekozu 01 Sep 2016 20:51

nice - works fine for me :)

@Totemizado
Have you tried step 1 - the url with an without http ??

Totemizado 03 Sep 2016 09:08

Quote:

Originally Posted by Madekozu (Post 2575421)
nice - works fine for me :)

@Totemizado
Have you tried step 1 - the url with an without http ??

Yes, i tried, but don't make any change. My version is 5.2.3

noypiscripter 03 Sep 2016 21:17

Did you put the custom css in the correct theme/style that you're viewing on the frontend?

Caramity 20 Sep 2016 12:56

Works great man! I'm using 5.2.3, and have no problem with it. Thanks a lot! :)

chriske 19 Jan 2017 20:38

Not working for me VB 5.2.5.

Tried both links mentioned with and without http in the head_include (correct) style:

Quote:

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
And put the css in the correct css_additional.css style

Quote:

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
The link quoted above gives an error when browsing, is this normal?

shimei 21 Jan 2017 08:01

Quote:

Originally Posted by chriske (Post 2581092)
Not working for me VB 5.2.5.

Tried both links mentioned with and without http in the head_include (correct) style:



And put the css in the correct css_additional.css style



The link quoted above gives an error when browsing, is this normal?

Does not work on Vb 5.2.5.

Enjoy,
William

napy8gen 30 Jan 2017 23:16

For vb5.2.5 try this one http://www.vbulletin.org/forum/showthread.php?t=324325

willie53 24 Mar 2018 02:34

i have created a product for this i am happy to release this with all credits to you
works on vb version 5.4.1 beta 1


All times are GMT. The time now is 08:31.

Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.