font awesome

  1. ENXF NET

    XF 2 Tip [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. ENXF NET

    XF1 Style Rogue 1.5.22.0

    Rogue is a very simplistic XenForo theme that really focuses on icons and flat interface design. We are using FontAwesome by default, but with our organization methods you can easily change that icon set out for another. We find that with this simple elegant approach, you can make a theme that...
  3. ENXF NET

    XF1 Style UI.X 1.5.22.0

    UI.X is a feature-rich XenForo theme that is built around the idea that it can be thrown any scenario and handle it beautifully. If you want your visitors to have a fully responsive beautiful metro/flat user interface with features such as a sticky navigation, side by side nodes, social media...
  4. ENXF NET

    Xenforo 2.0 Add Font Awesome icons to your prefix

    Hi, Today I share a tutorial under xenForo 2.0 : Add Font Awesome icons to your prefix ! To begin add this in your template EXTRA.less : /*adding fa icon to prefix*/ .fa:before{ font-family:FontAwesome; margin-right:3px } Then in the prefix of your choice check other CSS class. Add...
  5. ENXF NET

    xF2 Add-on [SC] Visitor Menu - Font Awesome 1.0.0

    [SC] Visitor Menu - Font Awesome I wanted to do a tutorial but it was very long : that's why I made an extension ! This extension is small because it only applies template modifications : Installation : Download and unzip it. Copy the src/addons/SyTryC/VisitorMenuFA directory to your server...
  6. ENXF NET

    xF2 Add-on [SC] Sidebar Block - Font Awesome 1.0.0

    [SC] Sidebar Block - Font Awesome I wanted to do a tutorial but it was very long : that's why I made an extension ! This extension is small because it only applies template modifications : Installation : Download and unzip it. Copy the src/addons/SyTryC/SidebarBlockFA directory to your...
  7. ENXF NET

    xF2 Add-on [SC] Member View - Font Awesome 1.0.0

    [SC] Member View - Font Awesome I wanted to do a tutorial but it was very long : that's why I made an extension ! This extension is small because it only applies template modifications : nstallation : Download and unzip it. Copy the src/addons/SyTryC/AccountWrapperFA directory to your...
  8. ENXF NET

    xF2 Add-on [SC] Account Wrapper - Font Awesome 1.0.0

    [SC] Account Wrapper - Font Awesome I wanted to do a tutorial but it was very long : that's why I made an extension ! This extension is small because it only applies template modifications : Installation : Download and unzip it. Copy the src/addons/SyTryC/AccountWrapperFA directory to your...
  9. ENXF NET

    Xenforo 2.0 Add Font Awesome icons to the blocks of your sidebar

    Today I will share a tutorial under xenForo 2.0 : Add Font Awesome icons to the blocks of your sidebar ! In your template widget_birthdays find : <h3 class="block-minorHeader">{$title}</h3> Replace by : <h3 class="block-minorHeader"><i class="fa fa-birthday-cake" aria-hidden="true"></i>...
  10. ENXF NET

    Xenforo 2.0 Custom Action Bar

    With the addition of this simple code "Aciton Bar-Taskbar" you can add icons. If you want to customize the font awesome icons by yourself, you can change the icon from the link below. Font Awesome 5 Icons We add the following code to the "extra.less" template of the theme you used...
  11. ENXF NET

    Xenforo 2.0 Icons for Login and Register buttons

    Add code to your extra.less template: /* Icons for Login and Register buttons */ .p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before { font-family: FontAwesome; content: "\f090"; color: #E6BB5C; padding-right: 5px; }...
  12. ENXF NET

    Xenforo 2.0 Adding Font Awesome to Announcement (notice)

    enxf.net Normally the announcement Font Awesome https/.../admin.php?notices/ We are going Click Add warning. To the message part: <hr align="left" width="50%"> Hello Welcome to Guest!<br> <a href="/register">Register here</a> to benefit more from the forum after adding Add image...
Top