class

More Class Features: Add appealing animations as pages load on your site. The various animations can be enabled and disabled. Group pages together in the header to make navigation easier for users. Set where you want an image to have parallax and the controls for it to add a neat effect on your...

The below code will display a flag of France in the top right block of your header. Open the ad_header template in the style(s) you are using and paste the following code. The CSS is included in the code so you can customize to suite your needs (ie: remove the box shadow for dark themes)...

The following will show you how to add a report button to member cards. Lets say a user is breaking the rules and you go to report that user on their profile, but that user has their account setting to private, you can't report them, then. The only way to report someone then is by adding...

This will make your results now appear as such In template replace wf_widget_poll_block_result with the following. <xen:edithint template="wf_default.css" /> <xen:edithint template="polls.css" /> <style type="text/css"> .widget-poll .pollBlock .pollResult h3.optionText { text-overflow: inherit...

his is a short guide on how to remove the PixelExit Copyright in the footer. Go to AdminCP --> Styles --> YourStyle --> Template search for footer and edit it (not the footer.css) find the line beginning with <div id="copyright"> and search for the link (<a>) from pixeledit. You can now edit...

The below code will display a flag for Belgiums in the top right block of your header. Open the ad_header template in the style(s) you are using and paste the following code. The CSS is included in the code so you can customize to suite your needs (ie: remove the box shadow for dark themes...

These instructions will explain how to create your own custom CSS for user banners. Give the banner a title: Choose a class name for your custom class, in this example we are using my-style. Add it to the custom CSS field for the user group, like so: If you want the banners to wrap around...

This resource is not affiliated with XenForo Ltd. I'm sure lots of people will want to create their own thread prefix CSS, so this thread will help you do that. The following code should be added to EXTRA.css In the example below we're going to create two classes; CTA1 and CTA2. Of course you...

Disclaimer: This is a technical explaination and is geared towards developers. A working knowledge of PHP, OOP, and MVC is assumed. What is the XenForo Class Proxy System? In a nutshell, this system allows several add-ons to extend the same class within XenForo using its code event listener...

Helpers provide extra functions that you can use inside the XenForo templates. Currently there are many Helpers, following some them: avatar -> Helper to fetch the URL of a user's avatar. username -> Produces a <a href="members/username.123" class="username">Username</a> snippet. usertitle ->...

Edit "member_view" template find <div class="secondaryContent pairsJustified[CODE] And replace it with [CODE]<xen:if is="{$visitor.is_admin}"> <dd><a href="admin.php?users/{$user.username}.{$user.user_id}/edit"><input type="submit" class="button primary"...

This is a simple template modification which will hide the post contents from guests and show them a message instead. Which you can alter to fit your needs. At the message template replace all the code in there with the following code: <xen:require css="message.css" /> <xen:require...

For those of you who like to inject a bit of colour, it is possible to individually style each tag class. So instead of this: You can have this: It's quite simple to do using the individual tag class names such as tagCloudTag1, tagCloudTag2, up to tagCloudTag7, which is the highest one...

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...