slions.net

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

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.

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.

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:

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

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

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

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

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

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

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