color

  1. ENXF NET

    XF2 Style [Xenfocus] Ortem 2.2.3

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

    XF2 Style [Xenfocus] Carbon 2.2.3

    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...
  3. ENXF NET

    XF 1 Tip HTML for Paris Flag in Header

    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)...
  4. ENXF NET

    XF 1 Tip How To Change Domain Name

    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...
  5. ENXF NET

    XF 1 Tip Individual node CSS attributes

    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...
  6. ENXF NET

    XF 1 Tip Thread Info add-on customization

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

    XF 1 Tip Reply button Style

    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...
  8. ENXF NET

    XF 1 Tip HTML for Belgium Flag in Header

    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...
  9. ENXF NET

    XF 1 Tip Creating custom user group banner CSS

    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...
  10. ENXF NET

    XF 1 Tip Responsive AdSense

    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...
  11. ENXF NET

    XF 1 Tip Creating custom thread prefix CSS

    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...
  12. ENXF NET

    XF 1 Tip Tutorial MaxCDN for XenForo

    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...
  13. ENXF NET

    XF 1 Tip Tutorial Translating the Resource Manager

    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...
  14. ENXF NET

    XF 1 Tip Tutorial How to fix "Please enter a message with no more than 10000 characters." 1.0

    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...
  15. ENXF NET

    XF 1 Tip Tag Cloud Styling

    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...
  16. ENXF NET

    XF 1 Tip Styling the WYSIWYG / TinyMCE Editor

    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...
  17. ENXF NET

    XF 1 Tip Apply CSS styling to sticky / pinned threads

    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...
  18. ENXF NET

    Xenforo 2.0 Color Social Share Buttons

    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; }...
  19. ENXF NET

    Xenforo 2.0 Authorized banner that changes color (banner)

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