cr chart ♦ berry tart

[esper]

Homura Akemi reloadfromsave The story concerns the fate of Faust in his quest for the true essence of life ("was die Welt im Innersten zusammenhält"). Frustrated with learning and the limits to his knowledge, power, and enjoyment of life, he attracts the attention of the devil (represented by Mephistopheles), who agrees to serve Faust until the moment he attains so the zenith of human happiness that he cries out to that moment to "stay, thou art so beautiful!" (Faust, I, l.1700) — at which point Mephistopheles may take his soul. Faust is pleased with the deal, as he believes this happy zenith will never come. code	Madoka Kaname stillneedawish The story concerns the fate of Faust in his quest for the true essence of life ("was die Welt im Innersten zusammenhält"). Frustrated with learning and the limits to his knowledge, power, and enjoyment of life, he attracts the attention of the devil (represented by Mephistopheles), who agrees to serve Faust until the moment he attains so the zenith of human happiness that he cries out to that moment to "stay, thou art so beautiful!" (Faust, I, l.1700) — at which point Mephistopheles may take his soul. Faust is pleased with the deal, as he believes this happy zenith will never come. code
<table style="width: 306px; spacing: 2px;"> <tr style="height: 100px; width: 306px;"><td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC ONE--!!" style="height: 80px; width: 80px; border: 10px solid #cac4cb;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC TWO--!!" style="height: 80px; width: 80px; border: 10px solid #7D3C5A;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC THREE--!!" style="height: 80px; width: 80px; border: 10px solid #cac4cb;"> </td></tr> <tr style="background-color: #cac4cb; height:10px; width: 310px;"><td colspan="3"> <div style="font-family: impact; font-size: 16pt; color: #7d3c5a; padding-left: 4px; float: left;">!!--NAME--!!</div><div style="float: right; font-weight: bold; margin-top: 6px;"><img src="http://s.dreamwidth.org/img/silk/identity/user.png" style="vertical-align: middle;"><a style="color: #7D3C5A; vertical-align: middle;" href="http://!!--JOURNAL NAME--!!.dreamwidth.org">!!--JOURNAL NAME--!!</a></div></td></tr> <tr><td colspan="3" style="font-size: 8pt; font-family: verdana; color: #cac4cb; background-color: #7d3c5a; text-align: justify; padding: 20px;">!!--THIS LOOKS LIKE A GOOD PLACE FOR TEXT--!!</td></tr> <tr style="background-color: #cac4cb; height:10px; width: 310px;"><td colspan="2">!!--TINY ICONS IF YOU LIKE--!!</td><td colspan="1" style="text-align: right;"><a style="color: #7D3C5A;" href="http://esper.dreamwidth.org">code</a></td></tr> </table>	<table style="width: 306px; spacing: 2px;"> <tr style="height: 100px; width: 306px;"><td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC ONE--!!" style="height: 80px; width: 80px; border: 10px solid #cac4cb;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC TWO--!!" style="height: 80px; width: 80px; border: 10px solid #843f55;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC THREE--!!" style="height: 80px; width: 80px; border: 10px solid #cac4cb;"> </td></tr> <tr style="background-color: #cac4cb; height:10px; width: 310px;"><td colspan="3"> <div style="font-family: impact; font-size: 16pt; color: #843f55; padding-left: 4px; float: left;">!!--NAME--!!</div><div style="float: right; font-weight: bold; margin-top: 6px;"><img src="http://s.dreamwidth.org/img/silk/identity/user.png" style="vertical-align: middle;"><a style="color: #843f55; vertical-align: middle;" href="http://!!--JOURNAL NAME--!!.dreamwidth.org">!!--JOURNAL NAME--!!</a></div></td></tr> <tr><td colspan="3" style="font-size: 8pt; font-family: verdana; color: #cac4cb; background-color: #843f55; text-align: justify; padding: 20px;">!!--THIS LOOKS LIKE A GOOD PLACE FOR TEXT--!!</td></tr> <tr style="background-color: #cac4cb; height:10px; width: 310px;"><td colspan="2">!!--TINY ICONS IF YOU LIKE--!!</td><td colspan="1" style="text-align: right;"><a style="color: #843f55;" href="http://esper.dreamwidth.org">code</a></td></tr> </table>
Sayaka Miki contrapuntally The story concerns the fate of Faust in his quest for the true essence of life ("was die Welt im Innersten zusammenhält"). Frustrated with learning and the limits to his knowledge, power, and enjoyment of life, he attracts the attention of the devil (represented by Mephistopheles), who agrees to serve Faust until the moment he attains so the zenith of human happiness that he cries out to that moment to "stay, thou art so beautiful!" (Faust, I, l.1700) — at which point Mephistopheles may take his soul. Faust is pleased with the deal, as he believes this happy zenith will never come. code
<table style="width: 306px; spacing: 2px;"> <tr style="height: 100px; width: 306px;"><td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC ONE--!!" style="height: 80px; width: 80px; border: 10px solid #cac4cb;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC TWO--!!" style="height: 80px; width: 80px; border: 10px solid #2F4562;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC THREE--!!" style="height: 80px; width: 80px; border: 10px solid #cac4cb;"> </td></tr> <tr style="background-color: #cac4cb; height:10px; width: 310px;"><td colspan="3"> <div style="font-family: impact; font-size: 16pt; color: #2F4562; padding-left: 4px; float: left;">!!--NAME--!!</div><div style="float: right; font-weight: bold; margin-top: 6px;"><img src="http://s.dreamwidth.org/img/silk/identity/user.png" style="vertical-align: middle;"><a style="color: #2F4562; vertical-align: middle;" href="http://!!--JOURNAL NAME--!!.dreamwidth.org">!!--JOURNAL NAME--!!</a></div></td></tr> <tr><td colspan="3" style="font-size: 8pt; font-family: verdana; color: #cac4cb; background-color: #2F4562; text-align: justify; padding: 20px;">!!--THIS LOOKS LIKE A GOOD PLACE FOR TEXT--!!</td></tr> <tr style="background-color: #cac4cb; height:10px; width: 310px;"><td colspan="2">!!--TINY ICONS IF YOU LIKE--!!</td><td colspan="1" style="text-align: right;"><a style="color: #2F4562;" href="http://esper.dreamwidth.org">code</a></td></tr> </table>

Tiny icons are from famfamfam! You can use them or not, obvs. Credit me if you use this, and let me know if you want any other colors! Editing it yourself is fine too.

Comments

[supahfly]

Oh man! Your coding might help me fix my alignment problem on this table here. Do you mind if I use part of it to fix it?

[esper]

Of course!! c: I am all about sharing knowledge.

[supahfly]

YOU ARE A DOOL! Totes giving you props :')

[cetra]

This is great, thanks so much :)

[vital]

ahhh this is really, really lovely. ♥

[idgiebay]

Would you mind if I edited this code to be suitable for a muse list? o3o;; Like remove the blurb and move the footer up to include game and fandom?

[esper]

Go for it! Or I can even do one for you if you'd like.

[idgiebay]

I'll see if I can manage first. I want to get the hang of the new coding. :3 Thanks!

[glazedmacguffin]

I used your code for my musebox at boxofmacguffins and editted it a bit.

[cherishedmiracle]

Aaaah I absolutely love this chart. <3

If it's not any trouble though, do you think you could please make one with colors like the ones here?

[esper]

No problem! Do you want it dark pink and grey, or light pink and dark pink?

[cherishedmiracle]

The latter -- light/dark pink -- please!

[esper]

Two varieties, since I couldn't decide which way looked better c:

!!--NAME--!! !!--JOURNAL NAME--!!
<table style="width: 306px; spacing: 2px;"> <tr style="height: 100px; width: 306px;"><td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC ONE--!!" style="height: 80px; width: 80px; border: 10px solid #ff9999;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC TWO--!!" style="height: 80px; width: 80px; border: 10px solid #fee8d6;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC THREE--!!" style="height: 80px; width: 80px; border: 10px solid #ff9999;"> </td></tr> <tr style="background-color: #ff9999; height:10px; width: 310px;"><td colspan="3"> <div style="font-family: impact; font-size: 16pt; color: #fee8d6; padding-left: 4px; float: left;">!!--NAME--!!</div><div style="float: right; font-weight: bold; margin-top: 6px;"><img src="http://s.dreamwidth.org/img/silk/identity/user.png" style="vertical-align: middle;"><a style="color: #fee8d6; vertical-align: middle;" href="http://!!--JOURNAL NAME--!!.dreamwidth.org">!!--JOURNAL NAME--!!</a></div></td></tr> <tr><td colspan="3" style="font-size: 8pt; font-family: verdana; color: #ff9999; background-color: #fee8d6; text-align: justify; padding: 20px;">!!--THIS LOOKS LIKE A GOOD PLACE FOR TEXT--!!</td></tr> <tr style="background-color: #ff9999; height:10px; width: 310px;"><td colspan="2">!!--TINY ICONS IF YOU LIKE--!!</td><td colspan="1" style="text-align: right;"><a style="color: #fee8d6;" href="http://esper.dreamwidth.org">code</a></td></tr> </table>
!!--TINY ICONS IF YOU LIKE--!!		code

!!--NAME--!! !!--JOURNAL NAME--!!
<table style="width: 306px; spacing: 2px;"> <tr style="height: 100px; width: 306px;"><td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC ONE--!!" style="height: 80px; width: 80px; border: 10px solid #fee8d6;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC TWO--!!" style="height: 80px; width: 80px; border: 10px solid #ff9999;"> </td> <td style="height: 100px; padding: 1px;"> <img src="!!--USERPIC THREE--!!" style="height: 80px; width: 80px; border: 10px solid #fee8d6;"> </td></tr> <tr style="background-color: #fee8d6; height:10px; width: 310px;"><td colspan="3"> <div style="font-family: impact; font-size: 16pt; color: #ff9999; padding-left: 4px; float: left;">!!--NAME--!!</div><div style="float: right; font-weight: bold; margin-top: 6px;"><img src="http://s.dreamwidth.org/img/silk/identity/user.png" style="vertical-align: middle;"><a style="color: #ff9999; vertical-align: middle;" href="http://!!--JOURNAL NAME--!!.dreamwidth.org">!!--JOURNAL NAME--!!</a></div></td></tr> <tr><td colspan="3" style="font-size: 8pt; font-family: verdana; color: #fee8d6; background-color: #ff9999; text-align: justify; padding: 20px;">!!--THIS LOOKS LIKE A GOOD PLACE FOR TEXT--!!</td></tr> <tr style="background-color: #fee8d6; height:10px; width: 310px;"><td colspan="2">!!--TINY ICONS IF YOU LIKE--!!</td><td colspan="1" style="text-align: right;"><a style="color: #ff9999;" href="http://esper.dreamwidth.org">code</a></td></tr> </table>
!!--TINY ICONS IF YOU LIKE--!!		code

[peachdango]

Thank you so much~! I'll go ahead and try them both out. c: inb4 I use them both or something

[got_it_memorized]

oh i love this! totally snagging it! will probably change the colors and wot around, but i'll make sure to give credit!

[flowergleamandglow]

Aaah these are gorgeous too. :) I know I just commented on the other entry, but I think I will steal this instead -- and credit of course. :)

I may do a bit of playing with colors. HMM.

All your things are so pretty! Makes it very hard to settle on one.

[prosecutory]

These are beautiful. I will yank one of the berry-colored ones for a profile CR chart and give you the credit you so deserve. ^_^

Darn it, DW. PROFILES.