HIGHLIGHT CODEBOX JCINK SKIN
HIGHLIGHT CODEBOX JCINK FULL
HIGHLIGHT CODEBOX JCINK CODE

Macros include the read/unread indicators for both forums and for topics. This trick will be useful if you want to provide your members with different themes without a lot of effort. When I get to the Macros tutorial specifically I'll explain a cool few tricks that I'm working on including on future themes that I release for Jcink. Additionally you can use custom 'macros' to use in your theme and CSS.

What are macros? Macros are icons and images used around your site.

It provides the header and footer bits to your site.

What is a Board Wrapper? A Board Wrapper is the main chunk of your theme.

Now, this theme will be available in the drop down (if you allowed it) and in the users profile section so that you can change yourself over to the theme so you can start testing and editing.Ī few explanations for things in this article:

HIGHLIGHT CODEBOX JCINK SKIN

In this screen you will change each of the drop downs to your newly created assets and click 'Edit Skin Set' to save. It's not necessary though as we still have to add the others to the Skin Set we created.įinally, we are going to return to the main 'Manage Skin Sets' page and click 'Edit' beside our new skin set.

Please choose the name of the skin set you created first (if you want). HTML Templates will give you the option to apply it to a 'skin set'.

If you want to edit the name just click 'Edit' next to it on the manage macros page. It will automatically just copy the macro set you choose. 'Macros' will not go directly to where you can edit it. The steps are pretty similar for each of them. Now that we have our wrapper we're going to repeat these steps for 'Style Sheets', 'Macros' and 'HTML Templates'. Once you've custom named it click 'Create Wrapper. At this time we are not going to do any editing but you can look at it and see what you want for it. Here it will bring you to the wrapper that you can give a Title to as well as the wrapper itself so that you can start editing it. We're going to continued to use the 'Jcink Forum Hosting Default'. On this screen, the same as we did for the 'Skin Set' we are going to choose the Wrapper we are going to duplicate. We're going to go in order on the left so the first thing we are going to create is 'Board Wrappers'. Now that we have the Skin Set or Theme Set created we will need to go through and create our custom macro set, stylesheet and wrapper. Please remember that we haven't created a HTML Template Set, Macro Set, a Stylesheet or a Wrapper so all of these options can be left as is. This will bring you to a new page that has you enter information and choose a few things. The two default themes are 'Jcink Forum Hosting Default' and 'Invision Power Board Default' you can choose either but most people choose 'Jcink Forum Hosting Default'. Next on the left you need to Choose the skin set that you would like to base the new theme on. To create the theme click on 'Skins & Templates' to expand it then click on 'Manage Skin sets. This does not create the theme assets, we will do that afterward. So first step is you must create the 'Theme'. Additionally, I prefer themes over 'skins' so these words will likely be used interchangeably throughout You can choose your ACP theme in the lower left corner of the right panel in the Jcink ACP. This requires a few steps to create all the assets needed for a theme.Ī quick note, I use the ACP dark theme. If no parameters are specified, CodeBox defaults to a dark theme.So to start a theme in Jcink one must first create a theme in Jcink.

HIGHLIGHT CODEBOX JCINK CODE

Note that setting themeURL or themeName overrides this setting for the main code block, however, the background of the language select element/dropdown menu is set by this value You can specify what default should be applied by passing the string 'light' or 'dark' to this parameter. If themeName is provided, useDefaultTheme will be ignoredĬodeBox has 2 default themes - 1 light and 1 dark.

HIGHLIGHT CODEBOX JCINK FULL

Only the name is required, not the full URL (example 'a11y-dark'). If themeURL is provided, themeName and useDefaultTheme will be ignoredĪny one of the accepted theme names used by highlight.js. This could also point o your own custom CSS syntax file. URL pointing to CSS file that can be used by highlight.js. Const Code圎ditor = require ( ) let editor = new Code圎ditor (

Highlight codebox jcink