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- Read more...
-
- 7,909 views
-
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
- Read more...
-
- 3,226 views
-
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
- Read more...
-
- 4,158 views
-
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
- Read more...
-
- 3,467 views
-
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)
- Read more...
-
- 4,532 views
-
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)
- Read more...
-
- 3,996 views
-
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)
- Read more...
-
- 2,916 views
-
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
- Read more...
-
- 2,608 views
-
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)
- Read more...
-
- 2,818 views
-
A simple list of current PhpBB extensions that would be helpful for RPG sites. This is by no means a complete list just some that I found useful.
- Read more...
-
- 4,236 views
-
"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");
- Read more...
-
- 5,570 views