If no parameters are specified, CodeBox defaults to a dark theme.
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. Code syntax highlighting tool for Editor.
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. Toggle light/dark mode - by FizzyElf - lets your users toggle between light and dark mode.įor any FizzyElf codes, please read their Terms of Use before including their codes in your skins that are not personal projects.Const Code圎ditor = require ( ) let editor = new Code圎ditor ( (not actually a script but I’m plugging it here anyway) Fenced code blocks You can create fenced code blocks by placing triple backticks before and after the code block. Style jcink pages for mobile - by Sage - makes jcink’s default web view pages better to look at on mobile. Creating and highlighting code blocks In this article Fenced code blocks Syntax highlighting Creating diagrams Further reading Share samples of code with fenced code blocks and enabling syntax highlighting. Style tooltips - by Malihu - lets you style the tooltips (the popup titles when you hover over stuff). Remove leading comma in topic description - by Em - as the title says lol. The bare minimum for using highlight. Lets you place and style the recent topics list anywhere on the index.
Quote in quick reply - by Cory - when you go to quote a post, a popup asks if you want to quote it in a quick reply so you don’t always have to load a new screen. Quote/code copy to clipboard - by Widowspeak - auto-highlights codes and copies them to your clipboard with one click. Instead of opening the user profile in a new page, loads it into a popout window. This will often be the biggest part of your mock-up.
Board Wrappers are considered the bones of your theme and wraps up the other elements in it. Move the jcink alerts popup - by Morrigan - you know the alerts popup that was on the jcink default skin? This lets you move it and style it on your custom skin. So continuing through the Jcink theming guides our next step is the actual design process. There are other variations on Fizzy’s site to use in threads and such too. Main profile thread tracker - by FizzyElf - adds an auto thread tracker to the main profile and shows if the user posted in it last. Uses local storage to save their preferences on the machine. Increase/Decrease font size - adds buttons to let your users increase/decrease the font size to their reading preference. Pulls info from the memberlist so you never have to submit claims manually again.Īuto claims - by FizzyElf - like essi’s auto claims, but works in webpages as well as posts.Įdit profile section headers - by FizzyElf - add section headers for your custom profile fields in the user control panel! Sort the list by whatever parameters you want.Īutocopy - by Yuno - adds a button that auto-copies the link to a post to your clipboard. This enables you to share latest news easily as well as highlight certain Board Statistics and recent Polls, Events or Posts made throughout your forum, all in individual blocks displayed where you want them. We love an accessible web forum!Īdd missing bbcode buttons - by FizzyElf - adds line, strikethrough, dice roller bbcode buttonsĪrbitrary memberlist filters - by FizzyElf - like the oh-so-popular isotope filtering memberlist but better. The Unreal Portal allows you to create a highly customised front page for your Forum. This script adds labels to the form inputs to help screen readers. Line Numbers and Line Highlighting in CodeBox I love this webservice. Beneath the cut are the codes that I HAVE to have, aka cannot live without now that they’re out there.Īdd labels to form inputs - by kjSage - I didn’t realize how unfriendly jcink can be to the visually impaired until kjSage pointed it out.
HIGHLIGHT CODEBOX JCINK SKIN
Every skin designer has their go-to scripts and codes when building out a new skin.
0 kommentar(er)
