Code

[bread]

Image Preview (Done in Firefox)

( Series Name ) Character Name username Game

( Series Name ) Character Name username Open Rp

Coded with different colors for each character
"darkgray" is a good default color, however, if you dont want to do colors
A little messy if you want to add more lines/information
<center><div style="width:325px;background-color:#474747;border-top-right-radius:50px;border-top-left-radius:50px;box-shadow:0px 5px 0px COLORCODE;text-align:center;padding-bottom:48px;padding-top:5px;"><div style="color:lightgray;margin-bottom:-5px;">( <span style="font-size:80%;text-transform:uppercase;font-weight:bolder;">CANONNAME</span> )</div><div style="color:COLORCODE;font-size:30px;font-weight:bold;font-family:century gothic;margin-bottom:-10px;">CHARACTERNAME</div><span style="color:white;font-size:80%;margin-top:-10px;"><a href='http://USERNAME.dreamwidth.org/'><font color=white><u><b>USERNAME</b></u></font></a></span> <a href=http://game.dreamwidth.org/profile><span style="font-family:georgia;color:darkgray;"><i><u>Game</u></i></span></a> </div><img src="IMAGEONE" style="height:80px;border-radius:50px;border-top-right-radius:20px;border-bottom-right-radius:0px;box-shadow:0px 5px 0px COLORCODE;margin-top:-45px;" /> <img src="IMAGETWO" style="height:85px;border-top-right-radius:25px;border-top-left-radius:25px;margin-left:-4px;box-shadow:0px 5px 0px COLORCODE;margin-right:-4px;margin-top:-45px;" /> <img src="IMAGETHREE" style="height:80px;border-radius:50px;border-top-left-radius:20px;border-bottom-left-radius:0px;box-shadow:0px 5px 0px COLORCODE;margin-top:-45px;" />

( Series Name ) Character username

( Series Name ) Character username

( Series Name ) Character username

If you want to add colors, change "darkgray" (two spots)
<center><div style="width:240px;background-color:#474747;border-top-right-radius:50px;border-top-left-radius:50px;box-shadow:0px 5px 0px darkgray;text-align:center;padding-bottom:48px;padding-top:5px;"><div style="color:lightgray;margin-bottom:-5px;">( <span style="font-size:80%;text-transform:uppercase;font-weight:bolder;">CANONNAME</span> )</div><div style="color:darkgray;font-size:30px;font-weight:bold;font-family:century gothic;margin-bottom:-10px;">CHARACTERNAME</div><span style="color:white;font-size:80%;margin-top:-10px;"><a href='http://USERNAME.livejournal.com/'><font color=white><u><b>USERNAME</b></u></font></a></span> </div><img src="ICONONE" style="height:80px;border-radius:50px;border-top-right-radius:20px;border-bottom-right-radius:0px;box-shadow:0px 5px 0px darkgray;margin-top:-45px;margin-right:-4ppx;" /> <img src="ICONTWO" style="height:80px;border-radius:50px;border-top-left-radius:20px;border-bottom-left-radius:0px;box-shadow:0px 5px 0px darkgray;margin-top:-45px;margin-left:-4px;" /></td>

Comments

[taranais]

Really like this code! Both the versions can be used as shipping lists too.

Thanks for sharing. :)