RPG-style Character Bio Template

Posted 2 months, 4 days ago (Edited 1 month, 17 days ago) by Pepperly

Free! HTML! So you don't need premium or money for this :9 Live examples [1] [2] [3] [??]

I really wanted something a bit smaller than the common profiles, as I only have a select number of long-standing OCs that can really fill out the more popular (for good reason!) bios, and as most of my characters are based around a world that would work as a video game, I could easily work stats into them! It was also really fun trying to come up with equips and skills to express daily life for each character! It could probably use a few more tweaks but I really love the layout as-is, so I thought maybe a couple other users would like them as well! All I ask is that you don't claim the layout as your own, and please comment if you're going to use it! Feel free to add/subtract/tweak as you like as long as you don't redistribute the layout as your own and you leave the credits in. I wouldn't mind checking out filled-out bios either :3c Also shout out to This and all the wonderful links and codings there-in, where I got my start.

I plopped these out by hopping between WYSIWYG and the coding (</>) button, you don't need to turn off WYSIWYG to fill standard text out, but you will need to swap to the coding side for three reasons:

  • First, to paste the code. Don't put it in WYSIWYG, it just won't work.
  • Secondly, the bio image. It's pretty simple and commented as "use a square cropped thumb from th for best results" and just swap out that text for a 200x200 image of your choice. I use a square cropped thumb from the character's gallery, watermark or not, but you don't have to. Just stick with any square image of the appropriate size. Non-200's will do something silly.
  • Thirdly, the entire STATS section must be edited in the code. I commented how to change the squares to full and empty! I think if you want to change the stat names, those must also be swapped on that side. Default stats are as follows: Health Points, Magic Points, STRength (attack), DEFense, INTelligence (magic strength), RESistance (magic defense), DEXterity (speed), LUcK. 
Everything else can be edited with your preview! I recommend highlighting and replacing rather than backspacing and deleting, just because the editor is finicky. Feel free to rename and edit sections, stats, whatever. 

Also this is mobile friendly! The cards collapse when on a small screen, unfortunately the stats area might overflow just a tad on small screens....

And finally, what you've all been waiting for.

Also this thing is GREAT to edit stuff in, download, update, then go to language -> H -> HTML and everything gets colored. No misplacing or unfinishing tags again.

if you really want to I have a ko-fi

this is perfect for one of my stories ahh
definitely using <3

I might use this, it's wonderful<3

Edit: Totally using it uwu  


Using it for my pokesona :) It seems to work wonderfully for that!

I'm sorry ;; I'm really new to this but I'm confused on where to put the code thing. I turned off the WYSIWYG but, I'm confused sadly. ;;

Ah this is just what I needed, will definitely be using <3

Will be using if you don't mind!

ahh this is gorgeous ! i will definitely use for my gamer doggo ! ;0c

These are very cool, thanks for sharing!

i'm gonna use this!!

This looks so much fun! I'll def use this! <3

Oh my gosh, this is exactly what I've been needing! Thank you for making this free to use.

Totally gonna use this! Thanks <3