ERIE ❚ 033 ( feat. diva and the knight wonders what, exactly, he rescued )

[deloreans]

FLOWER CRAFT

character name

<center><raw-code> <div style="line-height: 0px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; border: 5px solid #ffffff; overflow: hidden; width: 500px"> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE ONE"><img src="#IMAGE ONE " border="0"></a></div> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE TWO"><img src="#IMAGE TWO" border="0"></a></div> <div style="overflow: hidden; height: 100px; width: 500px; background: url(#IMAGE THREE)"> <div style="opacity: 0.7; background-color: #000000; height: 100px; width: 500px; line-height: 58pt"><span style="color: #ffffff; font: italic 60pt garamond">character name</span></div> </div> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE FOUR"><img src="#IMAGE FOUR " border="0"></a></div> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE FIVE"><img src="#IMAGE FIVE" border="0"></a></div> </div></raw-code></center>

VARIATION w/ longer text

a backfire, a black spire, a fear ark, a fae bicker:
a creature with a beautiful song and sharp claws

<center><raw-code> <div style="line-height: 0px; box-shadow: 0px 0px 5px #bbb; -moz-box-shadow: 0px 0px 5px #bbb; -webkit-box-shadow: 0px 0px 5px #bbb; border: 5px solid #ffffff; overflow: hidden; width: 500px"> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE ONE"><img src="#IMAGE ONE " border="0"></a></div> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE TWO"><img src="#IMAGE TWO" border="0"></a></div> <div style="overflow: hidden; height: 100px; width: 500px; background: url(#IMAGE THREE)"> <div style="opacity: 0.7; background-color: #000000; height: 100px; width: 500px; line-height: 16pt"><span style="color: #ffffff; font: italic bold 14pt times; letter-spacing: 1pt;"><br/>ONE LINE OF TEXT <br/>SECOND LINE OF TEXT</span></div> </div> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE FOUR"><img src="#IMAGE FOUR " border="0"></a></div> <div style="overflow: hidden; height: 100px; width: 500px"><a href="#IMAGE FIVE"><img src="#IMAGE FIVE" border="0"></a></div> </div></raw-code>

NOTES AND HOW TO MODIFY

••• make sure the images used are at least 500 pixels in width
••• could also be used to combine visualosities + cr chart
••• with thanks to swagu for letting me use her diva visualosities for this code!
••• the poem in the second code is “The Knight Wonders, What, Exactly, He Rescued” by Jeannine Hall Gailey
••• coded on firefox and viewed on the dreamwidth site default.
••• if you do use/tweak the code, please also feel free to link them here / share them!

▐ credit to either deloreans or whaleparties
▐ go check out stardustcrusade & cawaii too
▐ need nifty stuff for dreamwidth? check out dreamcodes

Comments

[silversprings]

this is super cool!

[deloreans]

thank you very much!

[inferiorcomplexes]

I'm using this for my visualosities that's 75% britney spears gifs. :|b

[deloreans]

and manfredonna!

[torya]

yoooooooooo this is SUPER FUCKING COOL, definitely using it

[tartan_is_stylish]

Just stumbled across this page and wow, it's fantastic! Going to be using it for both visualosities and possibly CR charts!! Definitely going to credit!

[x_hitokiri]

Gorgeoussss! Taking for visualosities; will definitely credit <3