xf2

Hey all, I've recently worked out how to create tabbed options in XF2. I don't have a lot of time right now so I'll make this brief. This guide will allow you to have a single option group for all your options, separating them into tabbed sections rather than forcing users to change option...

A theme that I've coded for XenForo 2 and distributed free of charge. Warning: In order to install this theme, your system must have version 1.5.9 and above. Theme terms of use Unable to remove our signature and link in the theme! You can make the changes you want in the theme of the...

I have given the default style here a narrow shape.

This simple template modification will remove registered users the possibility to start private conversations with the status Locked. I find it personally to be very annoying, as staff member, to receive questions or help requests which are (intentionally or not) locked, which also don't give me...

Simple template edit to make the Like, Quote and Reply links look like buttons. These codes are to be added in Extra.less template. The second code adds a zoom type mouse over effect to the like button for something different. If you do use code 2, you will not need to add code 1 and vice...

DESCRIPTION This template modification allows you to remove quick thread function in forums pages in a easy way HOW TO ? Go to forum_view template and search this part of code (around line 147), delete it and save. <xf:macro template="thread_list_macros" name="quick_thread"...

With this modification you can link your social networks in your footer. Here are some pictures: And the ACP:

Replace the online indicator with a Pacman. Created with CSS only. Online: Offline: You are welcome to suggest extensions and improvements and I will see what I can do about it.

Bootstrap 4 for Xenforo 2 Bootstrap 4 theme for Xenforo 2

This is a short and simple guide to achieve custom staff online titles since ordinarily it shows your profile user title instead of a staff title for staff online. Go to the template widget_members_online. Find: <xf:if is="$user.is_staff"> <li class="block-row">...

As I was trying to separate normal threads from sticky ones I finally managed to do it and it was very simple. There is no need for template modification whatsoever. 1- Go to template forum_view 2- find this code <xf:macro template="thread_list_macros" name="item" arg-thread="{$thread}"...

Create a new widget (Then go to Appearance > Widgets > 'Add Widget'), choose 'HTML' as your 'Widget definition' Widget key; Name it something rememberable. Display in positions; Click where you'd like it to be seen, I went for (Forum list: Sidebar) Template; Put the following: <div...

This tutorial is not hard and I find this modification quite useful if you want your staff/forum moderators to be able to view the forum while you're working on it. Also, it can be easily disabled in the ACP. I'm making this tutorial as noob friendly as possible by explaining each possible...

Hello, today I will show you how to hide xenforo copyright. Let's do it 1. First go to admin panel and search for "extra.less". 2. Then put this code : .p-footer-copyright { display: none; }[/CODE]

- without code - - with code - As you can see the download button is always on the right side. To achieve this add this code to your extra.less template: /*** Download button always on right side ***/ @media (min-width: @xf-responsiveMedium) { [data-template="xfrm_resource_view"] .p-title...

First you need to configure the widgets you want in tabs without position (Write down the widgets keys) Now create a widget html and in the template put something like this <div class="block"> <div class="block-container"> <h2 class="widget-tabs block-tabHeader tabs hScroller"...

This will give you a prefix menu above the thread list which filters threads by prefix. (Much more obvious and intuitive than the existing Filter by prefix) You can do this via a template modification or just customise the template itself. Make a note of the prefix names and IDs (you can see...

All you have to do for this is to save the following codes in the extra.less template .message-avatar { float: left } @media (min-width: 650px) { .message-userDetails { display:inline-block; padding: 10px; min-width: auto; min-height: 96px } } @media...

After trying ALMUSA's sticky thread separator, I went a bit further and decided to try customising the look of the stickies. This seems to be much simpler than in xf1, the following added to EXTRA.less will change the background colour, font style and font colour of the main text (i.e. the...

Simple css (extra.less) modifications to highlight/separate sticky threads Separate sticky and normal threads Insert code in template: extra.less /* Border between sticky/normal threads */ .structItemContainer-group--sticky { border-bottom: 6px solid; color...