Jump to content

Guides

Our RPG guides are written by roleplayers with other roleplayers in mind. Learn from others roleplay experience and provide others with your own
  • ThriftStoreTeeth

    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

  • ThriftStoreTeeth

    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

  • Arceus

    HTML/CSS Timeline

    By Arceus, in Coding,

    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

  • Kit the Human

    Web Design: Contrast

    By Kit the Human, in Coding,

    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

  • Morrigan

    This still works but is currently considered DEFUNCT as Custom Fields can now do this natively!

     

    I've been asked a few times on how to make a custom Playby List without having to create a separate directory for claims. This will work for many different things that only have one level like Faction or Species. Job lists, if you want them separated by location, are more complicated and will be covered in another guide.

    Software: Invision Power Services (IPS)

  • Morrigan

    As it stands there is a default total block in the application itself however that only works for groups and if you want other sorts of totals manually updating them is... well lets face it, a pain in the ass. For this guide I'm going to give you the code and how to edit it. This should only be used on things that only have one selection on a select box (so no arrays). You can do this for factions, genders, whatever you have that needs a total.

    Software: Invision Power Services (IPS)

  • Morrigan

    With IPS, unless you have it set to highlight specific groups posts, there is no real way to differentiate the author types save for their icon and group color. As you can see here at the Initiative we are able to accomodate a different look per user group to show off all of our awesome staff members, patrons and contributors.

    Software: Invision Power Services (IPS)

  • Morrigan

    By Default IPS doesn't allow for large avatars as the overall styling of the site really doesn't fit with that. It doesn't, however, mean that you don't get to have one. Follow these steps and you'll be able to have a large avatar on your site.

    Software: Invision Power Services (IPS)

  • Kit the Human

    "Auto Thread Tracker"

    By Kit the Human, in Coding,

    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

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.