tutorial

  1. Yondu

    Registration Country Ban via Cloudflare

    Visit: Cloudflare | Web Performance & Security Your XenForo Domain > Firewall Menu > Firewall Rules > Create a Firewall rule Rule name: Registration Country Ban Expression Preview > Edit expression Modify the country codes/domain ip.geoip.country in {"BD" "BR" "CN" "KP" "KR" "PK" "RU" "UA"...
  2. Yondu

    Use a Linode Block Storage Volume for your XenForo attachments

    Linode’s Block Storage service allows you to attach additional storage Volumes to your Linode. A single Volume can range from 10 GiB to 10,000 GiB in size and costs $0.10/GiB per month. If you run your XenForo forum on a Linode server and have a large number of attachments - it is now possible...
  3. R

    Xenforo 2.1.x Question Is there any good Xenforo add-on creation resources/tutorials?

    Is there any good add-on creation tutorial for xenforo 2.x aside from the ones featured at the official site? There seems only few tutorials available and most were not beginner friendly. What php and sql skills are required for such task?
  4. Yondu

    Creating custom user banner styling

    By default, XF comes with the following user banner styles: Creating custom styling using the Other, using custom CSS class name option is fairly straightforward. This guide will explain how to. The easiest way by far to add new prefix styling and to ensure it inherits all of the core...
  5. Yondu

    Xenforo 2.1.x Tutorial Registration Country Ban via Cloudflare

    Visit: Cloudflare | Web Performance & Security Your XenForo Domain > Firewall Menu > Firewall Rules > Create a Firewall rule Rule name: Registration Country Ban Expression Preview > Edit expression Modify the country codes/domain: ip.geoip.country in {"BD" "BR" "CN" "KP" "KR" "PK" "RU" "UA"...
  6. Yondu

    Sticky thread simple styling

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

    Xenforo 2.x Tutorial Add Google Custom Search form to your Advance Search

    This will add a Google custom search form to your xenForo Advanced Search and will do a Google search of your site/s. You will of course first need to sign up and have registered your site/s with Google CSE Once you have configured that you will be able to get the code you can add to the form...
  8. Yondu

    Xenforo 2.x Tutorial Filter threads by prefix menu

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

    Unmaintained How to make a tabbed widget

    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"...
  10. Yondu

    Coloured Node Icons

    How to change node icon colour to something like that? This is a DIY step-by-step tutorial. Before changing the code let's get prepared: To change the category block header see this guide. Be sure what type is your node you wish to change the icon for (Category, Forum, Link forum or Page)...
  11. Yondu

    Tutorial Subsections in the column

    We display subsections in two or three columns. 1. We need to change the subsection output in the style settings. Appearance - Style settings - List of sites / forums, select the item: Display the list of sub-forums under the node 2. Use the extra.less template for output to the bar. To output...
  12. Yondu

    Tutorial Highlight new menu item

    This is a DIY tutorial to achieve this: As you can see you can get an icon that changes on hover only on new items just to highlight them a bit more. Open you extra.less template and add the code: /*** Highlight new menu item ***/...
  13. Yondu

    Xenforo 2.1.x Tutorial One-click upgrades with Ubuntu

    After some time searching yesterday I finally found a solution that will let me do both upload files via SFTP and give nginx the correct permissions to allow one-click upgrades, install/upgrade from the archive. In ubuntu the group that nginx operates under is www-data so the trick is to add...
  14. Yondu

    Display image for Thread Prefix

    This little tip will show you how you can display an image as a thread prefix but also show a title with the image when a user is selecting a thread prefix...hope it helps. NOTE: I use 18px x 18px images for my prefix images 1. Create a thread prefix a. In your ACP (Admin Controlo Panel), go...
  15. Yondu

    Xenforo 2.x Custom Staff Online Titles

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

    Xenforo 2.x Align the titles of your blocks in the sidebar

    Additional Requirements: EXTRA.less Hi, Today I share a tutorial under xenForo 2.0 : align the titles of your blocks in the sidebar! Add this code in your template EXTRA.less /*aligns the text of the sidebars blocks*/ .block-minorHeader { text-align:center; }
  17. Yondu

    Xenforo 2.x Add Font Awesome icons to your usergroups

    Additional Requirements: EXTRA.less Here is the basic code to add in your EXTRA.less template : /*add fa to your usergroups*/ .username--style3:before { font-family: "FontAwesome"; content: "\f013"; color: inherit; padding-right: 4px; display: inline-block; } style3 is my usergroup Admin. If...
  18. Yondu

    Xenforo 2.x Change the color of the blocks on your sidebar

    Additional Requirements: EXTRA.less Today I share a tutorial under xenForo 2.0 : Change the color of the blocks on your sidebar!! Add this in your template EXTRA.less : /*color bloc sidebar*/ .block-minorHeader { background-color: #0f3652 !important; color: #FFF !important; }
  19. Yondu

    Xenforo 2.x Status indicator online or offline

    Additional Requirements: message_macros Today I share a tutorial under xenForo 2.0 : Status indicator online or offline ! In your template message_macros find : <span class="message-userArrow"></span> Add this before : <xf:if is="$user.isOnline()"> <div...
  20. Yondu

    Xenforo 2.x Tutorial Hide forum title only on forum list

    To hide forum title only on forum list you can add this code to your extra.less template: /*** Hide forum title on forum list ***/ [data-template="forum_list"] { .p-title-value { display: none; } .p-title { float: right; } } /**********/ Result: To float the...