Ortem for xenforo 2
Ortem is a minimalistic design focused around a simple color picker, allowing your members to easily customize the colors of the layout by selecting from a preset array. The header area is large enough to accommodate for big logos and full width banners, and the navigation...
Carbon for xenforo 2
Carbon, named after the carbon texture which is used throughout the design, is a dark theme for xenforo and is especially perfect for gaming sites. Your members can customize the theme themselves by choosing their own color scheme and background image from a preset array...
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)...
What else you need to for if you want to change your forum’s domain name
This document is written for Linux server running Apache & SQL and of course Xenforo.
At this stage, I assume you already have bought a new domain and setup its DNS; and you have access to SSH.
Note: Replace everything in...
Steps
Decide which node to modify: locate its ID in ACP > Applications > Node Tree > {desired category}, check URL for the ID, see below:
In this example it's 47.
Open EXTRA.css in ACP > Appearance > Templates > {desired style} > EXTRA.css
Insert the following code:
.nodeList .node_47...
Requirements for this customizations: [SSD] Thread Info
With code below you'll change this look:
... to that:
Add code below to EXTRA.css template:
/*** Thread Info Add-on customization ***/
.ssd_threadinfo2 {
border: 0 !important;
padding: 0 !important;
background: none !important...
Description:
Changes the default style of the reply button into a more beautiful one
Go to your Admin CP -> Appearance -> Style -> (Your Style) -> Templates -> Extra.css
Add inside
.message .publicControls .item {
-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
-webkit-box-shadow: 0px 1px 0px...
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...
One of the biggest concerns with 1.2 has been how to activate the responsive design while still using AdSense.
Obviously as the various page widths are now totally dynamic, simply adding a Google ad slot in the normal manner won't work.
Once the browser width reduces below the width of the...
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...
MaxCDN is a popular CDN Network (Content Delivery Network) which helps speed up your performance.
What is a CDN and how does it work?
A content delivery network (CDN) is a large distributed system of servers deployed in multiple data centers in the Internet The goal of a CDN is to serve...
I will be showing you how to translate the Resource Manager to articles, blogs, reviews, classifieds, etc. It is pretty easy, just takes patience. ;)
First you need to go to Appearance, then Search Phrases.
Next search for "resource". Some other addons may have "resource" in its phrases so...
If you come across this error message when creating your forum then it means your thread have more than 100000 characters and to fix it you need to raise the limit via ACP.
1- Go into AdminCP -> Options -> Messages :
First option will be:
Maximum Message Length
2- Raise the limit as your needs...
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...
This resource is not affiliated with XenForo Ltd.
A lot of people have commented on the appearance of the WYSIWYG / Tiny MCE editor.
Well here's a very simple edit which makes it blend in a bit better to the default style, matching the border radius settings of other elements.
Even the menu...
This resource is not affiliated with XenForo Ltd.
This is a simple edit to change the css for sticky threads only.
Add this to EXTRA.css:
.discussionListItem.visible.sticky,
.discussionListItem.visible.sticky .posterAvatar,
.discussionListItem.visible.sticky .stats {
background: @inlineMod...
You can color the social share buttons, which are gray in Xenforo 2.
add an extra.less template;
.shareButtons-button.shareButtons-button--facebook {
background-color: #3B5998;
}
.shareButtons-button.shareButtons-button--twitter {
background-color: #1DA1F3;
}...
If changes are to be made to the templates, just back up the template to the text document before changing it.
Paste the following code into Extra.less
.userBanner--staff {font-weight:bold;background-image: linear-gradient(210deg, #8F343A, #26A65B, #1C86EE, #FFBE1C, #176093, #7AF26D, #8E44AD...