1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    Dismiss Notice

FREE User Drop Down Icons

Discussion in 'vBulletin Template Mods & Extras' started by HAWK, Mar 23, 2016.

  1. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    1,147
    Trophy Points:
    113
    Gender:
    Male
    1. Put font awesome in head_include template
    style manager> style name> edit templates>head_include


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


    Code:
    <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


    Code:
    /*-- 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;
    }
     

Share This Page

Post thread