Tessisamess

Information

Hey guys! I've got a two-set for you today: A cast list and a matching basic information code, loosely based on my last bio code, Headliner.

These codes are wide and clean with lots of room to breathe. Both codes are hidden click with a default of four sections, but can very easily hold more as long as you don't break the entry limit.

These shouldn't be hard to make match any game's colors and images, and you can really turn the text information code into just about any type of information you want. Enjoy! ♥

No-scroll single page cast list: with section headers | without section headers

Coding: Cast List

<lj-raw><div id="container" style="margin:0 auto;width:1150px;font-family:helvetica,arial,sans-serif;font-size:11px;color:#222;background:#bbb url(BACKGROUNDIMG)center no-repeat;background-size:cover;"> <!---HEADER---> <div id="header" style="padding:100px 0;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.4);"> <a href="http://MODURL.insanejournal.com"><img src="MODICON" style="width:100px;border-radius:200px;background:rgba(255,255,255,0.55);padding:2px;margin-bottom:5px;"></a> <div style="font-size:40px;">Current Cast</div> <a href="#1" style="text-decoration:none;color:#fff;margin:0 8px;">Section One</a> <a href="#2" style="text-decoration:none;color:#fff;margin:0 8px;">Section Two</a> <a href="#3" style="text-decoration:none;color:#fff;margin:0 8px;">Section Three</a> <a href="#4" style="text-decoration:none;color:#fff;margin:0 8px;">Section Four</a> </div> <!---CONTENT---> <div id="content" style="height:700px;overflow:hidden;text-align:center;background:rgba(255,255,255,0.85);"> <!---SECTION ONE---> <a name="1"></a><div class="page" style="height:600px;overflow:auto;padding:50px;display:flex;flex-wrap:wrap;justify-content:center;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION ONE</h3><br> <a href="http://JOURNALNAME.insanejournal.com" style="text-decoration:none;color:#222;"><div style="background:#fff;padding:20px;margin:10px;"> <img src="SQUAREPIC" style="width:160px;height:160px;margin-bottom:20px;"><br> <b style="letter-spacing:1px;font-size:17px;color:#516A78;">NAME HERE</b><br> <i>A SUBTITLE LINE HERE</i><br> <b>PB: PB NAME</b> </div></a> </div> <!---SECTION TWO---> <a name="2"></a><div class="page" style="height:600px;overflow:auto;padding:50px;display:flex;flex-wrap:wrap;justify-content:center;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION TWO</h3><br> <a href="http://JOURNALNAME.insanejournal.com" style="text-decoration:none;color:#222;"><div style="background:#fff;padding:20px;margin:10px;"> <img src="SQUAREPIC" style="width:160px;height:160px;margin-bottom:20px;"><br> <b style="letter-spacing:1px;font-size:17px;color:#516A78;">NAME HERE</b><br> <i>A SUBTITLE LINE HERE</i><br> <b>PB: PB NAME</b> </div></a> </div> <!---SECTION THREE---> <a name="3"></a><div class="page" style="height:600px;overflow:auto;padding:50px;display:flex;flex-wrap:wrap;justify-content:center;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION THREE</h3><br> <a href="http://JOURNALNAME.insanejournal.com" style="text-decoration:none;color:#222;"><div style="background:#fff;padding:20px;margin:10px;"> <img src="SQUAREPIC" style="width:160px;height:160px;margin-bottom:20px;"><br> <b style="letter-spacing:1px;font-size:17px;color:#516A78;">NAME HERE</b><br> <i>A SUBTITLE LINE HERE</i><br> <b>PB: PB NAME</b> </div></a> </div> <!---SECTION FOUR---> <a name="4"></a><div class="page" style="height:600px;overflow:auto;padding:50px;display:flex;flex-wrap:wrap;justify-content:center;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION FOUR</h3><br> <a href="http://JOURNALNAME.insanejournal.com" style="text-decoration:none;color:#222;"><div style="background:#fff;padding:20px;margin:10px;"> <img src="SQUAREPIC" style="width:160px;height:160px;margin-bottom:20px;"><br> <b style="letter-spacing:1px;font-size:17px;color:#516A78;">NAME HERE</b><br> <i>A SUBTITLE LINE HERE</i><br> <b>PB: PB NAME</b> </div></a> </div> </div> <!---FOOTER GAP - CAN USE THIS FOR LINKS OR OTHER INFO---> <div id="footer" style="text-align:center;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.4);padding:20px;"> </div> </div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:1150px;margin:10px auto 0 auto;text-align:right;font-family:helvetica,arial,sans-serif;color:#ccc;text-decoration:none;letter-spacing:2px;font-size:9px;">&copy; CODING BY TESSISAMESS</a></lj-raw>

Coding: Text Information

<lj-raw><div id="container" style="margin:0 auto;width:1150px;font-family:helvetica,arial,sans-serif;font-size:15px;color:#222;background:#bbb url(BACKGROUNDIMG)center no-repeat;background-size:cover;"> <!---HEADER---> <div id="header" style="padding:100px 0;text-align:center;text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.4);"> <a href="http://MODURL.insanejournal.com"><img src="MODICON" style="width:100px;border-radius:200px;background:rgba(255,255,255,0.55);padding:2px;margin-bottom:5px;"></a> <div style="font-size:40px;">Information</div> <a href="#1" style="text-decoration:none;color:#fff;margin:0 8px;">Section One</a> <a href="#2" style="text-decoration:none;color:#fff;margin:0 8px;">Section Two</a> <a href="#3" style="text-decoration:none;color:#fff;margin:0 8px;">Section Three</a> <a href="#4" style="text-decoration:none;color:#fff;margin:0 8px;">Section Four</a> </div> <!---CONTENT---> <div id="content" style="height:700px;overflow:hidden;text-align:justify;background:rgba(255,255,255,0.85);line-height:165%;"> <!---SECTION ONE---> <a name="1"></a><div class="page" style="height:600px;overflow:auto;padding:50px;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION ONE</h3><br> Section one info </div> <!---SECTION TWO---> <a name="2"></a><div class="page" style="height:600px;overflow:auto;padding:50px;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION TWO</h3><br> Section two info </div> <!---SECTION THREE---> <a name="3"></a><div class="page" style="height:600px;overflow:auto;padding:50px;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION THREE</h3><br> Section three info </div> <!---SECTION FOUR---> <a name="4"></a><div class="page" style="height:600px;overflow:auto;padding:50px;"> <h3 style="width:100%;margin:0;letter-spacing:2px;font-size:24px;color:#516A78;">SECTION FOUR</h3><br> Section four info </div> </div> <!---FOOTER GAP - CAN USE THIS FOR LINKS OR OTHER INFO---><div id="footer" style="text-align:center;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,0.4);padding:20px;"> </div> </div><a href="http://tessisamess.insanejournal.com/" style="display:block;width:1150px;margin:10px auto 0 auto;text-align:right;font-family:helvetica,arial,sans-serif;color:#ccc;text-decoration:none;letter-spacing:2px;font-size:9px;">&copy; CODING BY TESSISAMESS</a></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

BACKGROUNDIMG - Code background (leave blank for solid color)
MODURL - Mod journal's username
MODICON - Your game's default icon
Section One through Section Four - To change section titles and corresponding links
Each character block (cast list only)

JOURNALNAME - Overall font
SQUAREPIC - Must be at least 160px (remove height declaration for vertical rectangle images instead)
NAME HERE - Character name
A SUBTITLE LINE HERE - Character subtitle
PB NAME - Character's played-by

Section one info through Section four info - your info sections (text information code only; this will change to yoursectionname info if you have already done the above replace alls)

Editing Guide

Paste the coding into Notepad or similar and bring up Replace All (usually Ctrl+H) to replace values quickly and easily!

FONTS

helvetica,arial,sans-serif - Overall font

DIMENSIONS

1150px - Overall width
700px - Section height
160px - Cast image width/height
100px 0 - Header padding

COLORS

#fff - Character block background; header and footer text
255,255,255 - Content background and header icon background; semi-transparent rgb value
#516A78 - Accent color
#222 - Font color

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!