i thought this was just gonna be a boring edit but then i made it complicated

[hissarfcaws]

The image for the outer icon border should be 160x160, unless it's like a repeating background or something then who cares.

ORIGINAL FLAVOUR!! This looks best in journal view, such as viewing it from an open cut tag on your main journal, or if you have journal view turned on for individual pages!

	"Sword Arms"
	Elsword Sieghart ☆ ironspirit
	Duis mattis, quam vitae feugiat mollis, elit orci egestas sapien, tincidunt euismod urna purus at justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur et convallis nibh. Vivamus vel semper nisl. Integer eros erat, commodo a eleifend ut, convallis sit amet massa. Morbi erat mi, aliquet vitae scelerisque eget, aliquam nec elit.

Can be seen in action here!

<table style="width: 600px; border-collapse: collapse"><tr> <td style="vertical-align: top; width: 160px" rowspan="3"><div style="background-image:url('BACKGROUND IMAGE BEHIND ICON'); padding: 25px; height: 114px; width: 114px; -moz-border-radius: 100px; border-radius: 100px; -webkit-border-radius: 100px;"><center><img src="ICON URL GOES HERE" style="border: gray solid 7px;-moz-border-radius: 100px; border-radius: 100px; -webkit-border-radius: 100px;"></center></div></td> <td style="vertical-align: bottom; height: 67px"><div style="margin-left: -30px"><big><big><font color="gray"><b>CHARACTER NAME HERE</b></font></big></big></div></td></tr> <tr><td style="height: 1px"><div style="background: gray; padding: 0px 0px 0px 5px; width: 100%; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; margin-left: -32px"><font face="trochut" color="lightgrey"><i>CHARACTER NAME/TITLE/WHAT??? I DON'T KNOW YOU TELL ME</i> <font color="white">☆</font> <user name=USERNAME></font></div></td></tr> <tr><td style="vertical-align: top"><div style="text-align: justify; width: 90%;">Duis mattis, quam vitae feugiat mollis, elit orci egestas sapien, tincidunt euismod urna purus at justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur et convallis nibh. Vivamus vel semper nisl. Integer eros erat, commodo a eleifend ut, convallis sit amet massa. Morbi erat mi, aliquet vitae scelerisque eget, aliquam nec elit.</div></td> </tr></table>


ALTERNATE VERSION!! This one is identical to the first except it works best in default/site view! Hooray!!

	"Sword Arms"
	Elsword Sieghart ☆ ironspirit
	Duis mattis, quam vitae feugiat mollis, elit orci egestas sapien, tincidunt euismod urna purus at justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur et convallis nibh. Vivamus vel semper nisl. Integer eros erat, commodo a eleifend ut, convallis sit amet massa. Morbi erat mi, aliquet vitae scelerisque eget, aliquam nec elit.

<table style="width: 600px; border-collapse: collapse"><tr> <td style="vertical-align: top; width: 160px" rowspan="3"><div style="background-image:url('BACKGROUND IMAGE BEHIND ICON'); padding: 25px; height: 114px; width: 114px; -moz-border-radius: 100px; border-radius: 100px; -webkit-border-radius: 100px;"><center><img src="ICON URL GOES HERE" style="border: gray solid 7px;-moz-border-radius: 100px; border-radius: 100px; -webkit-border-radius: 100px;"></center></div></td> <td style="vertical-align: bottom; height: 67px"><div style="margin-left: -40px"><big><big><font color="gray"><b>CHARACTER NAME HERE</b></font></big></big></div></td></tr> <tr><td style="height: 1px"><div style="background: gray; padding: 0px 0px 0px 5px; width: 100%; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; margin-left: -42px"><font face="trochut" color="lightgrey"><i>CHARACTER NAME/TITLE/WHAT??? I DON'T KNOW YOU TELL ME</i> <font color="white">☆</font> <user name=USERNAME></font></div></td></tr> <tr><td style="vertical-align: top"><div style="text-align: justify; width: 90%; margin-left: -10px">Duis mattis, quam vitae feugiat mollis, elit orci egestas sapien, tincidunt euismod urna purus at justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur et convallis nibh. Vivamus vel semper nisl. Integer eros erat, commodo a eleifend ut, convallis sit amet massa. Morbi erat mi, aliquet vitae scelerisque eget, aliquam nec elit.</div></td> </tr></table>

Comments

[spaghettimonster]

It's years after the fact, but I was looking for code for a cr chart and came across yours! The outer borders for the icons made a nice way of showing which factions characters are in, so I did some adjusting to my preferences and showed the adjusted code to other people in the game. Thank you for making it!

[psychokinesia]

No problem, I'm glad it was of some use to you!