1. Stéphane Lenclud

    Code syntax highlighting on XenForo

    Introduction I wanted to improve my experience with code syntax highlighting notably to support this article. XenForo is using Prism javascript library to perform syntax highlighting client side. Requirements I notably needed to support Kotlin language and deploy a syntax colour theme that's...
  2. Stéphane Lenclud

    XenForo fine tuning

    Here we comment on some of the XenForo settings adjustment we find appropriate. Messages options Increase maximum messages length as needed. Increase maximum image per message as needed. Disable inline editing if desired.
  3. Stéphane Lenclud

    Dreamhost suexec policy violation

    Trying to run a CGI script on Dreamhost with 777 permissions will give you an internal server error 500. Inspections of your error logs will reveal suexec policy violation errors. To fix it just chmod your CGI to 755.
  4. Stéphane Lenclud

    XenForo prevent new user from starting threads

    If like me you want to prevent newly registered users on your XenForo forum to post new threads here is how you do it. Set the "post new thread" permission to "Not Set (No)" for the "Registered" group: Set the "post new thread" permission to "Allow" for every group which needs it:
  5. Stéphane Lenclud

    XenForo GeSHi Syntax Highlighter dark theme

    XenForo default code block functionality is rather basic. Thankfully GeSHi Syntax Highlighter add-on provides richer support for hundreds of programming languages. However the default GeSHi colour scheme is far from ideal on dark background therefore, once again, we needed some extra...
  6. Stéphane Lenclud

    XenForo Artodia Dark Responsive style fine tuning

    Here we describe final adjustments we made to that excellent Artodia Dark Responsive theme for XenForo. Colour adjustments Focused Form Control background and text colour were changed from yellowish and black to blue (@secondaryLightest) and white (@activeColor) respectively. Message User...
  7. Stéphane Lenclud

    XenForo change font of posts content

    To change the font used to display post content both in the editor or in page find the following setting: Admin Control Panel > Appearance > Style Properties > Message Elements > Message Text
  8. Stéphane Lenclud

    XenForo image drop shadows

    I wanted to add a neat drop shadow to images and remove that ugly white box when hovering links and images. Also added boldness to links while I was there. Just add the following to your EXTRAS.CSS template. /* Decorate our images with drop shadows */ .bbCodeImage { border-radius: 4px...
  9. Stéphane Lenclud

    XenForo web browser header colour

    Some web browsers, notably on smartphones, let web developers specify a colour that will be used to decline the tints of the web browser header and title bar as well as the smartphone status bar. The following StackOverflow comment provides code samples on how to achieve that. Here is the...
  10. Stéphane Lenclud

    Create an ICO file using GIMP

    For historical reason web sites favicon are typically ICO files. An ICO file can contain multiple bitmap images of different dimensions. GIMP can generate such an ICO file from multiple layers. Whether you have your various size icons as PNGs or JPEGs or a single SVG file, you can import them...
  11. Stéphane Lenclud

    XenForo favicon

    Those icons your web browser usually show on its tabs are called favicon in web developer jargon. They notably allow users to easily navigate their browser’s tabs while exposing them to your brand. Funny enough XenForo v1.5.12 did not seem to provide any built-in support for favicon. However...