Go Back   vBulletin.org Forum / vBulletin Modifications / vBulletin 5.x Modifications / vBulletin 5.x Template Modifications
Reload this Page

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

Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.3/vb5.2.4 Details »
User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.3/vb5.2.4
Mod Information
The Developer
Last Online: Sep 2023
 
Mod Version: 1.00, by napy8gen (Designer) napy8gen is offline
Developer Last Online: Sep 2023 I like it Show Printable Version Email this Page
vB Version: 5.2.3 Rating: (1 vote - 4.00 average) Installs: 6
Released: 07 Aug 2015 Last Update: Never Downloads: 0
Not Supported Template Edits Re-usable Code  

1. Put font awesome in head_include template
style manager> style name> edit templates>head_include
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
if not working use http
<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
/*-- 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;
}

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version Name: Untitled-1.jpg Views: 178 Size: 6.3 KB ID: 153085   Click image for larger version Name: messages - icons.png Views: 115 Size: 30.3 KB ID: 155310  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Post Icons - drop down list (good for lots of icons!) Gary King vBulletin 3.0 Full Releases 58 11 Nov 2007 06:48

Comments
  #2  
Old 07 Aug 2015, 22:48
napy8gen's Avatar
napy8gen napy8gen is offline
Designer
  
Join Date: Jan 2006
Real name: hanafi
Above mod working for up to vb5.2.4 ONLY
__________________
Get Our New Flat Theme Pro Pack or Grab all 36 vb5.7 gaming themes @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style and Please check out Our first vbcloud pre-made theme
Last edited by napy8gen; 30 Jan 2017 at 21:53.
Reply With Quote
  #3  
Old 08 Jun 2016, 05:57
HowToEvery HowToEvery is offline
Member
  
Join Date: Jun 2016
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.

Last edited by HowToEvery; 08 Jun 2016 at 10:28.
Reply With Quote
  #4  
Old 01 Jul 2016, 14:43
Mattwhf Mattwhf is offline
Member
  
Join Date: May 2016
Cool!

Can I apply for my vB4 theme?

I have same navigation like you.
__________________
Web Hosting Forum - Learn web hosting and offer your hosting services for FREE!
Bếp từ nhập khẩu châu âu chất lượng cao.
Reply With Quote
  #5  
Old 14 Aug 2016, 17:52
napy8gen's Avatar
napy8gen napy8gen is offline
Designer
  
Join Date: Jan 2006
Real name: hanafi
Originally Posted by Mattwhf View Post
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.
__________________
Get Our New Flat Theme Pro Pack or Grab all 36 vb5.7 gaming themes @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style and Please check out Our first vbcloud pre-made theme
Reply With Quote
  #6  
Old 30 Aug 2016, 14:07
Totemizado Totemizado is offline
Member
  
Join Date: Aug 2016
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.
Reply With Quote
  #7  
Old 01 Sep 2016, 19:51
Madekozu's Avatar
Madekozu Madekozu is offline
Member
  
Join Date: Aug 2015
nice - works fine for me

@Totemizado
Have you tried step 1 - the url with an without http ??
Reply With Quote
  #8  
Old 03 Sep 2016, 08:08
Totemizado Totemizado is offline
Member
  
Join Date: Aug 2016
Originally Posted by Madekozu View Post
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
Reply With Quote
  #9  
Old 03 Sep 2016, 20:17
noypiscripter's Avatar
noypiscripter noypiscripter is offline
Coder/Designer
  
Join Date: Aug 2013
Did you put the custom css in the correct theme/style that you're viewing on the frontend?
__________________
Glenn Vergara, an ex-vB Developer, now a vB Mod Developer

GIPHY for vB5 | AutoLinker | Video Attachments Player | New Registered Users Module | Clear System Cache Cron | DragNDrop Upload | Topic AJAX AutoUpdate | Force Read Topic
Reply With Quote
  #10  
Old 20 Sep 2016, 11:56
Caramity Caramity is offline
Member
  
Join Date: Sep 2016
Works great man! I'm using 5.2.3, and have no problem with it. Thanks a lot!
Reply With Quote
  #11  
Old 19 Jan 2017, 19:38
chriske chriske is offline
Member
  
Join Date: Oct 2008
Not working for me VB 5.2.5.

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

<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

<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?
__________________
Reply With Quote
  #12  
Old 21 Jan 2017, 07:01
shimei shimei is offline
Member
  
Join Date: Feb 2015
Originally Posted by chriske View Post
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
Reply With Quote
  #13  
Old 30 Jan 2017, 22:16
napy8gen's Avatar
napy8gen napy8gen is offline
Designer
  
Join Date: Jan 2006
Real name: hanafi
For vb5.2.5 try this one http://www.vbulletin.org/forum/showthread.php?t=324325
__________________
Get Our New Flat Theme Pro Pack or Grab all 36 vb5.7 gaming themes @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style and Please check out Our first vbcloud pre-made theme
Reply With Quote
  #14  
Old 24 Mar 2018, 01:34
willie53's Avatar
willie53 willie53 is offline
Member
  
Join Date: Nov 2016
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
Reply With Quote
Reply

« Previous Mod | Next Mod »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 21:05.

Layout Options | Width: Wide Color:
- vBulletin Main Site
Powered by vBulletin® Version 3.8.14
Copyright © 2023, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Design by Princeton
Copyright ©2001 - , vbulletin.org. All rights reserved.
vBulletin® is a registered trademark.