tesscodes | Pointedly: Cast & Other Info

CHARACTERS

Character Name

A little blurb about this character. Is he the new guy in town? The resident bad seed? Inquiring minds want to know; just remember to keep it short!

Character Name

A little blurb about this character. Is he the new guy in town? The resident bad seed? Inquiring minds want to know; just remember to keep it short!

Character Name

A little blurb about this character. Is he the new guy in town? The resident bad seed? Inquiring minds want to know; just remember to keep it short!

LOCATIONS

Location Name
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec id est nulla. Sed suscipit iaculis consectetur. Nulla pellentesque nibh ac bibendum ornare. Vestibulum accumsan nisi.

CODE BY TESSISAMESS

001: Informative Info

New gif/non-icon based cast list! These are three blocks to a row, one block provided in the codes below, so just copy and paste the inner character block as many times as needed. I've also converted it to work for locations/other non-cast type blocks, as seen above, and below there is also an option for if you only want to use a single block (for OOC contact etc.) Set heights on all versions except the single block; this one can hold as much text as you want. Enjoy! ♥

(You should also follow me on Tumblr if you like THEEEEMES. I'll be taking theme orders over there. ♥ Pardon my dust over there, btw; still tidying up a bit.)

002: The Code

Paste the following into a code tester, then follow the directions below!

CAST LIST

<lj-raw><div id="cast-list" style="margin:0 auto;width:1080px;font-family:helvetica,arial,sans-serif;font-size:11px;color:#555;text-align:justify;line-height:140%;">

<div class="cast-info" style="background:#fff;padding:12px;height:73px;">
<b style="font-size:15px;color:#008B8B;">CHARACTER NAME</b><br>
<div class="links" style="float:right;opacity:0.6;margin:-5px 0 0 10px;padding-left:10px;border-left:1px solid #bbb;">
<a href="BIOURL"><img src="http://i.imgur.com/QIVob7c.png"></a><br>
<a href="CONTACTURL"><img src="http://i.imgur.com/YdHLHqO.png"></a>
</div>
CHARACTER BLURB
</div>
</div>

<br><center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

LOCATIONS/SPECIES/POWERS/WHATEVER-YOU-WANT LIST

<lj-raw><div id="location-list" style="margin:0 auto;width:1080px;font-family:helvetica,arial,sans-serif;font-size:11px;color:#555;text-align:justify;line-height:140%;">

<div class="location-info" style="background:#fff;padding:12px;height:73px;">
<b style="font-size:15px;color:#008B8B;">LOCATION NAME</b><br>
LOCATION BLURB
</div>
</div>

<br><center><a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:10px;">CODE BY TESSISAMESS</a></center></div></lj-raw>

SINGLE BLOCK (remember: this one does not sit next to other blocks if you paste more than one in)

<lj-raw><div class="block-container" style="margin:0 auto;width:348px;padding-top:157px;overflow:hidden;background:#aaa url(GIFURL)top center no-repeat;background-size:100%;font-family:helvetica,arial,sans-serif;font-size:11px;color:#555;text-align:justify;line-height:140%;border-radius:10px;border:1px solid #bbb;-webkit-box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);"><div class="arrow" style="width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;margin-left:15px;position:relative;z-index:100;"></div>

<div class="block-info" style="background:#fff;padding:5px 12px;">
<b style="font-size:15px;color:#008B8B;">TITLE HERE</b><br>
<div class="text" style="margin-top:5px;padding-top:5px;border-top:1px solid #bbb;text-align:center;">
BLURB HERE<br>

<a href="http://tessisamess.insanejournal.com/" style="color:#aaa;text-decoration:none;letter-spacing:3px;font-size:9px;">CODE BY TESSISAMESS</a></div></div></div></lj-raw>

003: CTRL+F This Shit

CAST LIST
GIFURL to change the character gif.
CHARACTER NAME to change name field.
BIOURL to change the bio link.
CONTACTURL to change the dropbox link.
CHARACTER BLURB to change the character info.

LOCATION LIST
GIFURL to change the header gif.
LOCATION NAME to change the name field.
LOCATION BLURB to change blurb info.

SINGLE BLOCK
GIFURL to change the header gif.
TITLE HERE to change the name field.
BLURB HERE to change blurb info.

EDITING APPEARANCE
#fff to change background color.
#bbb to change border colors.
#008B8B to change accent font color.
#555 to change font color.
helvetica,arial,sans-serif to change font family.
Change width:1080px; to width:719px; to make this code two to a row instead of three.

004: Rules and Shit

→Leave my credit.
→Do not redistribute in part or in whole.
→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.