Tessisamess

Information

Hey guys! Just tossing up a quick 'mini' version for my previous post! This ship info code comes in a single and a version to store all of your ships in one entry, and is more of a 'quick info' type of deal in the same style as the larger code. Enjoy! ♥

Coding: Single

<lj-raw><div style="width:375px;margin:0 auto;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;line-height:1.3;text-align:center;"> <img src="ICON1" style="height:100px;border-radius:100%;background:#fff;padding:5px;border:1px solid rgba(0,0,0,0.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);margin-right:-20px;"> <img src="ICON2" style="height:100px;border-radius:100%;background:#fff;padding:5px;border:1px solid rgba(0,0,0,0.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);"> <div style="margin-top:10px;font-size:22px;color:#89004F;"> NAME1 & NAME2 </div> <div style="font-size:10px;text-transform:uppercase;letter-spacing:3px;"> SUBTITLE </div> <div style="margin:10px 0 5px 0;background:#fff;padding:20px;border:1px solid rgba(0,0,0,0.1);border-top:5px solid #89004F;border-radius:40px 0 40px 0;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);"> BLURB </div> <a href="http://tessisamess.insanejournal.com/" style="font-size:8px;letter-spacing:3px;color:#bbb;text-decoration:none;">CODE BY</a></div></lj-raw>

Coding: Multiple

<lj-raw><div style="max-width:1200px;margin:0 auto 5px auto;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px;-webkit-column-width:350px;-moz-column-width:350px;column-width:350px;font-family:century gothic,helvetica,arial,sans-serif;font-size:12px;line-height:1.3;text-align:center;"> <!---SHIP ENTRY---> <div style="display:block;margin-bottom:25px;padding-bottom:5px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;"> <img src="ICON1" style="height:100px;border-radius:100%;background:#fff;padding:5px;border:1px solid rgba(0,0,0,0.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);margin-right:-20px;"> <img src="ICON2" style="height:100px;border-radius:100%;background:#fff;padding:5px;border:1px solid rgba(0,0,0,0.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);"> <div style="margin-top:10px;font-size:22px;color:#89004F;"> NAME1 & NAME2 </div> <div style="font-size:10px;text-transform:uppercase;letter-spacing:3px;"> SUBTITLE </div> <div style="margin-top:10px;background:#fff;padding:20px;border:1px solid rgba(0,0,0,0.1);border-top:5px solid #89004F;border-radius:40px 0 40px 0;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);"> BLURB </div> </div> </div><center style="font-family:century gothic,helvetica,arial,sans-serif;font-size:8px;letter-spacing:3px;"><a href="http://tessisamess.insanejournal.com/" style="color:#bbb;text-decoration:none;">CODE BY TESSISAMESS</a></center></lj-raw>

Installation Guide

Paste into an entry and fill in the following!

ICON1 and ICON2 - Icons
NAME1 and NAME2 - Title Names
SUBTITLE - Subtitle line
BLURB - Information

Editing Guide

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

FONTS

century gothic,helvetica,arial,sans-serif - Overall font

COLORS

#fff

Blurb background

#89004F

Blurb border, title color

rgba(0,0,0,0.1)

All borders

#222

Overall text

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!