optimisty | eighteen || love in a thousand different flavors

ONE (1) CHARACTER CHART

(with hover blurbs!)

LIVE PREVIEW (hover over images for blurbs!)

CHIAKI MORISAWA	REI SAKUMA	TSUKASA SUOU
ARASHI NARUKAMI	ANASTASIA

CODE:

<raw-code><center><table><tr><!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td>
 
<!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td>
 
<!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td></tr>
<tr><!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td>
 
<!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td></tr></table></raw-code></center>

+ ROW

<tr><!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td>
 
<!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td>

<!--NEW CHARA><td style="padding-right: 30px;"><span title="SUMMARY SUMMARY SUMMARY SUMMARY BLURB AND WORDS"><a href="http://JOURNAL.dreamwidth.org/profile"><img src="IMAGE LINK AT LEAST 200PX, MUST BE SQUARE" width="200px" style="border-radius: 200px;"></a></span><div style="width: 250px; height: 40px; font-family: futura; font-size: 24px; text-align: center; color: #fff; background: #000; opacity: .75; position: relative; top: -80px; margin-left: -25px; border: 2px solid #fff;">CHARACTER NAME</div></td></tr>

+ SINGLE CHARACTER

GUIDELINES:

ღ so the devil is in the details: you click the image to get to the character journal and hover for a character blurb
ღ if you need an image-hosting site, I always recommend imgur
ღ works for call me out posts, muselists, or whatever you need!
ღ can you tell that I've fallen face first into idol hell?
ღ credit if you wanna! if only just to let people know where you got it. also feel free to ask questions or edit. goodness knows I frankenspliced some codes together when I was learning (and I still am)