icons

  1. BassMan

    [cXF] Sidebar block title icons

    Would you like to have icons in the sidebar block titles like this? Here's a simple DIY tutorial on how to achieve this. Below you'll find the code for most common sidebar blocks. Open your extra.less template and add this code: [data-widget-section="staffMembers"]...
  2. BassMan

    [cXF] Icons for message user info elements (user extras) 1.1.0

    Description Add icons for for message user info elements (user extras). *works flawlessly with our [cXF] Horizontal message user info add-on Features icons for message user info elements (user extras) option to change icons size in style properties icons have tooltip with default phrases...
  3. BassMan

    [cXF] Icons in Visitor menu

    Would you like to have icons in Visitor menu like this? Add this to your extra.less template: /* Icons in Visitor menu */ .menu-content.js-visitorMenuBody a.menu-linkRow { &:before { .m-faBase(); padding-right: 5px; } &[href*="whats-new/news-feed"]:before {...
  4. BassMan

    [cXF] Icons in sidenav on Account page

    Would you like to have icons in sidenav on Account page like this? Add this to your extra.less template: /* Icons in sidenav on Account page */ [data-template="account_alerts"], &[data-template="account_reactions"], &[data-template="account_bookmarks"], &[data-template="account_details"]...
  5. BassMan

    [cXF] Icons on Notable Members page

    Would you like to have icons on Notable members page like this? Add this to your extra.less template: /* Icons on Notable members page */ [data-template="member_notable"] .p-body-sideNavContent a.blockLink, &[data-template="member_notable"] h3.block-textHeader a { &:before {...
  6. BassMan

    [cXF] Move thread status icons

    Would you like to have thread status icons on the left side before thread title? Add this to your extra.less template: /* Move thread status icons */ @media (min-width: @xf-responsiveMedium) { [data-template="forum_view"], &[data-template="whats_new"], &[data-template="whats_new_posts"] {...
  7. BassMan

    [cXF] Thread prefix icons

    Would you like to customize your prefixes? Here's a simple DIY tutorial as an example. Of course you can extended it for your own needs as you wish. So, read this tutorial to achieve something like this: 1. Create your custom prefix In admin CP go to Forums > Thread prefixes and click...
  8. Fastline

    XF 2.0 How to remove attachment icons?

    By default, XF 2 uses a icon for the attachments, in black color. How can i remove that icon for the attachment of .zip files? And is there any way to use custom icons there?
  9. Fastline

    XF 2.0 How to use custom attachment icons?

    Is there any way to use custom attachment icons? I don't like the default style. I'm having the icons.
  10. Nerdface

    Gamepad Icons 1.0

    Ever wanted to spruce up your gaming community by adding PlayStation and Xbox controller buttons to your posts and/or content? Now you can.. :) Demo: It should be noted that I did *not* design these icons, I have adapted them for use with XenForo. I am distributing them under the same...
  11. chaot3ch

    XF 2.0 Using custom icons for node icons

    Hey everyone, was having trouble finding out how to do this yesterday but I figured it out and figured I would post it here in case anyone else was having issues. // Removes the default icon .node--forum .node-icon i:before{display: none;} // Sets the new default unread icon of the forums...
  12. Dermot

    Font Awesome on Menu and Sub Menus

    Add font awesome icons to menu and submenu drop downs. More unicode font awesome codes can be found at Font Awesome Icon List (* Xenforo only Supports Font awesome 4) When you click single icon it will have unicode under the icon shown. You can add colour anytime using the CSS color...
  13. BassMan

    [cXF] Icons for Login and Register buttons

    For XenForo 2.1 add below code to your extra.less template: /* Icons for Login and Register buttons */ .p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before { .m-faBase(); .m-faContent(@fa-var-sign-in, 1em); color: #E6BB5C; }...
  14. BassMan

    [cXF] Navigation tab icons 2017-12-27

    Optionally you can edit icons for selected tabs: Icons are added only with Less code. You'll also get a simple guide how to add icons to any of your navigation tab.
  15. BassMan

    [cXF] Advanced Footer 2.1.3

    FEATURES fixed (sticky) footer enable fixed footer so the footer will always stay on top and visible make fixed footer wide to it fits the browser an not only the forum width disable fixed footer on mobile if you wish footer icons add icons to footer links choose any Font Awesome icons...
  16. XFA

    [XFA] Custom Username Icons - XF2 4.0.7

    Description Custom Username Icons brings a new level of customization for you and your users ! This add-on lets your user select an icon to be displayed near their username everywhere on your board. Icons can be selected either from a list of Font Awesome icons (more than 500 icons) or from a...
  17. Arty

    SimpleSVG - replacement for glyph fonts, offering more than 20,000 icons

    XenForo 2 default style uses FontAwesome. You can select custom icon for node, which is cool, but you are limited to small set of FontAwesome icons. FontAwesome is... awesome, but as any other glyph font, it has downsides that limit users to only small set of icons: Clients need to load entire...
  18. MoFurq

    XF 1.5 UIX Dark Missing icons

    I just purchased and installed UIX-Dark and have missing icons. This is across all pages of my forums. http://www.melonmc.net/community The theme is currently set a child of the UIX theme. Any help would be appreciated :)
  19. BassMan

    [cXF] Random Modifications

    BassMan submitted a new resource: [cXF] Random Modifications - Add some icons and other tweaks. Read more about this resource...
  20. BassMan

    Unmaintained [cXF] Random Modifications 1.1.0

    Description: This add-on/template modifications makes a few tweaks when it's enabled. There are no options, you can manually change some templates or ask for support. You can also view all features form this add-on on our site customizeXF. Requirements: Font Awesome is required for this...
Top