Character Directory HTML [Free]

Posted 2 months, 12 days ago by ElithianFox

Hey y'all! I've been working on a character directory for many years here on TH to better showcase my character, and I decided to up my game a little and create a layout that would allow me to better showcase my characters and give them a little extra info instead of making it just a few boxes with icons and basic details. So I played around with code a little and made a directory layout I was happy with!

Note that this is a layout that was designed to be used in the site's character profiles. It will work in bulletins and forum threads, but it will lose the coloured boxes that distinguish elements from each other. I suggest making a new character to hold the directory for you! Remember to turn off WYSIWYG for this, as it will very likely break the code if it's on.

Big thanks to vomcodesstuff for laying the groundwork of this template and allowing me to reference their code to make this template. They gave me the permission to redistribute the template I made off of their code. I definitely recommend checking out their shop as well!

Layout's Features

  • Large header at the top and smaller headers for individual character groups

  • Place for character names, basic info about them, profile details, and a blurb about them

  • Mobile friendly for the most part

  • Fully adapts to your site theme

  • Add or remove as many characters as you wish

  • Template HTML holds groupings for 1, 2, 3, 4, and 5 characters

Rules

  • Don't remove the credit at the bottom of the layout

  • Feel free to edit to your heart's content

  • You can reference the layout as you please and make something of your own from it, chop it up, take parts of it, combine with other HTML, etc.

  • Please don't sell any of the edits you make to this layout

  • If used, comment on this thread! I'd love to see your lovely creations


Template - Live preview - Full code


 Character Index yenndou

Hey, thanks so much for going through the trouble of coding this up! I fell in love with the layout of it and figured I'd use the code and make a directory (or index) of my own! It's going to take some time to finish but, just posting to let you know I'm using the code and am grateful you've made it free to use!

ElithianFox

yenndou Happy you like it! Hope to see the finished version of your index someday ;v;

Kogami

Faving for future use! Thank you very much for this!