vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 5.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=259)
-   -   Miscellaneous Hacks - User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.3/vb5.2.4 (https://vborg.vbsupport.ru/showthread.php?t=319772)

napy8gen 08-06-2015 09:00 PM
User Drop Down Icons + Message drop down icons (CSS only) - vb5.2.3/vb5.2.4
 
1 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 08-07-2015 08:48 PM
Above mod working for up to vb5.2.4 ONLY

HowToEvery 06-08-2016 03:57 AM
Thank you! Works great on version 5.2.2
Also my website is rtl so just needed to change
Code:
padding-right
to
Code:
padding-left

Mattwhf 07-01-2016 12:43 PM
Cool!

Can I apply for my vB4 theme?

I have same navigation like you.

napy8gen 08-14-2016 03:52 PM
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 08-30-2016 12:07 PM
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 09-01-2016 05:51 PM
nice - works fine for me :)

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

Totemizado 09-03-2016 06:08 AM
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 09-03-2016 06:17 PM
Did you put the custom css in the correct theme/style that you're viewing on the frontend?

Caramity 09-20-2016 09:56 AM
Works great man! I'm using 5.2.3, and have no problem with it. Thanks a lot! :)

chriske 01-19-2017 06:38 PM
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 01-21-2017 06:01 AM
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 01-30-2017 09:16 PM
For vb5.2.5 try this one https://vborg.vbsupport.ru/showthread.php?t=324325

willie53 03-24-2018 12:34 AM
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 07:09 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01158 seconds
  • Memory Usage 1,747KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (8)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (14)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete