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 Version: 1.00, by napy8gen (Designer) napy8gen is offline
Developer Last Online: Mar 2017 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:	95
Size:	6.3 KB
ID:	153085   Click image for larger version

Name:	messages - icons.png
Views:	44
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
 
Join Date: Jan 2006
Real name: hanafi
Above mod working for up to vb5.2.4 ONLY
__________________
Grab all 35 vb5.2 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style

Last edited by napy8gen; 30 Jan 2017 at 21:53.
Reply With Quote
  #3  
Old 08 Jun 2016, 05:57
HowToEvery HowToEvery is offline
 
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
 
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!
Reply With Quote
  #5  
Old 14 Aug 2016, 17:52
napy8gen's Avatar
napy8gen napy8gen is offline
 
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.
__________________
Grab all 35 vb5.2 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style
Reply With Quote
  #6  
Old 30 Aug 2016, 14:07
Totemizado Totemizado is offline
 
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
 
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
 
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
 
Join Date: Aug 2013
Did you put the custom css in the correct theme/style that you're viewing on the frontend?
__________________
Glenn Vergara - Former vB Developer
Looking for vB mods? Even for vBCloud?
vB Mods That Rock!

Reply With Quote
  #10  
Old 20 Sep 2016, 11:56
Caramity Caramity is offline
 
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
 
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's Avatar
shimei shimei is offline
 
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
 
Join Date: Jan 2006
Real name: hanafi
For vb5.2.5 try this one http://www.vbulletin.org/forum/showthread.php?t=324325
__________________
Grab all 35 vb5.2 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style
Reply With Quote
Reply


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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 14:32.

Layout Options | Width: Wide Color: