In light of charahub shutting down its servers in march, I decided to rewrite & release the code for my character page!
It’s key feature is that it uses the isotope script to allow you to sort through and filter which characters display on screen.
You can also set a default filter to be displayed on page load (I use it to hide my older characters by default on my oc blog, & display characters from the current chapter of my webcomic, for a couple examples!)
And, if you click on a character’s portrait, a box will appear with more information!
Font awesome icons are also included - you can see me using them for the element icons, & to mark which characters belong to my friends on my character page!
I’ve done my best to make it easy to customise - but unless you completely rewrite the css & html please don’t redistribute it as your own! Isotope is open source though so you’re welcome to make your own page like this with the same jquery :^)
In anycase I hope the code is useful to you 💕
Update 19th Feb 2019
I’ve updated the CSS to include variables - this means that if you are not familiar with CSS, you can still restyle the page!
The pastebin has been updated, but if you are already using the code you can find the updated CSS here: https://pastebin.com/pcuUWH3L
To update, locate the start of the CSS (marked with the header Page Style) and select everything between the <style></style> tags - being careful not to select the credit code. Then paste the new css over the top!
charahub closes on the 1st! wanted to give this a little boost so people have time to backup their characters
This is my first theme so if there’s any errors or glitches I’m sorry! Hope you guys like. Like/reblog if you plan on using please. I’d love to see what you do with it!
Optional: search bar, tiny cursor, sidebar with optional draggable feature, sidebar header + avatar, tabs, drop shadows, custom favicon
Sidebar header
Profile Tab Portrait
Navigation, Profile + Inbox tabs
Show/hide tags + captions
Un-nested captions
0px / 2px / 3px border radius
Circle/square avatar
Custom like/reblog buttons + tumblr controls
Localized
+ more!
Terms of Use
You may edit this theme as much as you’d like as long as you:
Don’t steal parts of the coding
DO NOT touch the credit (at all)!
Do not claim any part of this as your own
I finally got around to cleaning up this personal theme since a ton of people were requesting that I release it. If you encounter any problems, feel free to send me an ask. Enjoy!
hi, i’ve been making lots of themes as practice for one i’m going to start from near scratch!! because this one was so rushed there may be bugs and it’s decently simple!
