Castlist: Clickable "Bio-card" Directory
{view the live preview}
001: Informative Info
Here's a 16 character magic click castlist. There's a homepage with each character listed, a minibio page for each of them, and seamless clicking via the footer links. Stats have room for one custom field and have links for the char's journal, app, IC contact, and dropbox. Could also be used for a CDJ character list.
Click through the code to see it in action (profile #2 shows what it looks like with a small bio, and profile #3 shows a long bio; the rest take up exactly the right amount of space to fill it without scrollbars).
This code is, well, a big ass fucker so, if you're adding to it, try not to double its size or you'll exceed post limit (which is why the live test isn't in this entry, lmao). If you want to use this code for less characters (or want to divide your table into smaller groups so you can post duplicates of it in the post for each group), and want it edited down so the homescreen images are larger and there are less pages, let me know and I'll code it up!
002: The Code
Paste the following into a code tester, then follow the directions below!
http://layouttesst.livejournal.com/profile" style="text-decoration:none;" target="_blank">© LAYOUTTESST
003: CTRL+F This Shit
Character bio #1. through Character bio #16. for each bio page.
http://i.imgur.com/1d075.png to change userpics and Name Here for homepage names (x16).
http://i.imgur.com/a3q2Q.png to change bio pics (x16).
character one; through character sixteen; to fill in the stats and links.
georgia,times,serif to change the bulk font.
helvetica,arial,sans-serif to change the stats font.
#222 to change bulk text color.
#FFF to change subtitle and stats text color.
#AAA to change stats header color.
#333 to change header title color, subtitle bg, pic border color, and stats bg.
#F1F1F1 to change the main background color.
004: Rules and Shit
→Leave my credit.
→If you break something during editing don't be scared to ask me to see what happened. Yep. That's a rule.
→If you're a maker like I am and you do something cool with this I'd really like to see it, but it's not necessary.
→LJ-RAW means ya gotta BR them line breaks!
→Probably should be behind a cut, js js.