Coding

33 guides in this category

1. Pure CSS Tooltip Styling

   Goodbye, boring tooltip, hello, beautiful tooltips that match your site. Gone are the days of needing to do this with Javascript and jQuery. And, it's accessible to screen readers, too!

   Type: Look & Feel Software: Other

   By Arceus, February 7, 2019

   • 2,240 views
   • 
   • Added by Arceus
   • February 7, 2019

2. Jcink Theming: Board Wrappers

   So continuing through the Jcink theming guides our next step is the actual design process. Board Wrappers are considered the bones of your theme and wraps up the other elements in it. This will often be the biggest part of your mock-up.

   Type: Look & Feel Software: Jcink

   By Morrigan, July 17, 2019

   • 5,099 views
   • 
   • Added by Morrigan
   • July 17, 2019

3. "Auto Thread Tracker"

   You can whack the user's subscribed threads into your wrapper, which makes it easier to see what needs replying to. Here's how.

    

   This script will also work with other forum software. However, if you're able to use PHP, I would use that.

    

   For other forums, just change the element that you're targeting:

    

   $("#thread-container").load("URL ELEMENT_TO_TARGET");

    

   Type: Javascript Software: Jcink

   By Kit the Human, August 7, 2019

   • 5,027 views
   • 
   • Added by Kit the Human
   • August 7, 2019

4. Adding A Custom Menu to the Mobile View

   This information is actually available on the jcink wiki, but it's a bit buried and easy to miss. Or maybe I'm just unobservant. Who knows?

    

   Anywho, you can add links to the mobile view of jcink.

   Type: Look & Feel Software: Jcink

   By Kit the Human, August 9, 2019

   • 2,260 views
   • 
   • Added by Kit the Human
   • August 9, 2019

5. Web Design: Contrast

   Contrast is important when designing (or choosing) a theme that is legible. This very short guide will give you practical advice to picking what colours to use on your site.

   Type: Look & Feel Software: Jcink, Invision Power Services (IPS), Journals (Tumblr, Wordpress, Livejournal, Insanejournal), MyBB, Nova, phpBB, Proboards (Freeforums), SMF, XenForo, Other

   By Kit the Human, September 26, 2019

   • 3,072 views
   • 
   • Added by Kit the Human
   • September 26, 2019

6. HTML/CSS Timeline

   A full CSS and HTML vertical timeline? You bet! This uses pseudo-selectors to create a vertical bar with points along that bar with whatever text you need in it, creating a quite fancy historical timeline for your fantasy sites. With a few other embellishments, you can make it super neat.

   Type: Look & Feel Software: Other

   By Arceus, April 16, 2020

   • 3,301 views
   • 
   • Added by Arceus
   • April 16, 2020

7. Fonts: A Quick and Dirty Guide

   Fonts are a key component if any website, and doubly so for roleplay sites. Here's some tips, tricks, and things to remember to ensure accessibility. Written for both new and experienced coders.

   Type: Look & Feel Software: Jcink, Invision Power Services (IPS), Journals (Tumblr, Wordpress, Livejournal, Insanejournal), MyBB, Nova, phpBB, Proboards (Freeforums), SMF, XenForo, Other

   By ThriftStoreTeeth, April 25, 2020

   • 2,841 views
   • 
   • Added by ThriftStoreTeeth
   • April 25, 2020

8. Slim Side/Navigation Bar (Optional Dropdown Menu Included)

   Every site needs navigation, right? What about something using icons/glyph fonts, and some funky hover effects in place of tooltips to give your site a unique look? Oh, it works on mobile, is dead simple to convert to a dropdown or toggle menu with a touch of script, and is super light on code too? Let's do it!

   Type: Look & Feel Software: Other

   By ThriftStoreTeeth, June 14, 2020

   • 7,107 views
   • 
   • Added by ThriftStoreTeeth
   • June 14, 2020