5th: lumreis

[yanyan]

Something I made after staring long enough at Tales of Vesperia's menus.

Kougyoku peachbaths A friendless loser princess. She conquered the dungeon of Vinea. Despite her beauty and endearing personality, because of her shyness, she has few friends. Text here Text here

Character usernameusername Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa. Text here Text here

Character usernameusername Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa. Text here Text here

Character usernameusername Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa. Text here Text here

<raw-code> <div align="left"> <a href=""><img src="http://i.imgur.com/4hiQGQ5.png" title="Info/Abilities"></a> <a href=""><img src="http://i.imgur.com/MdvVhqD.png" title="Thread Tracker"></a> <a href=""><img src=http://i.imgur.com/lBQFK6v.png" title="IC Inbox"></a> <a href=""><img src="http://i.imgur.com/1PXacEi.png" title="Character Relationships"></a> <a href=""><img src="http://i.imgur.com/EKGPEXj.png" title="Contact/Concrit"></a> </div> <div align="left" style="height: 426px; max-width: 446px; overflow-x: auto; overflow-y: hidden;"> <table style="height: 100%;"><tr> <td style="width: 220px; padding: 0px 10px; text-align: center; vertical-align: top;"> <img src="IMAGE URL HERE" style="height: 200px; width: 200px;"> <div style="text-align: center; position: relative; top: -32px;"> <span style="font-family: georgia, serif; font-size: 36px; color: #fff; text-shadow: 0px 0px 4px #000;">Character</span> <span style="font-family: helvetica, arial, sans-serif; font-size: 11px; letter-spacing: 0.2em;"><a href="" style="text-decoration: none;"><span style="color: #000;">usernameusername</span></a></span> </div> <div style="height: 90px; text-align: justify; position: relative; top: -24px;"> <span style="font-family: georgia, serif; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa.</span> </div> <div style="width: 100%; background: #HEXCODE1; text-align: center; margin-top: 4px; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> <div style="width: 100%; background: #HEXCODE2; text-align: center; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> </td> <td style="width: 220px; padding: 0px 10px; text-align: center; vertical-align: top;"> <img src="IMAGE URL HERE" style="height: 200px; width: 200px;"> <div style="text-align: center; position: relative; top: -32px;"> <span style="font-family: georgia, serif; font-size: 36px; color: #fff; text-shadow: 0px 0px 4px #000;">Character</span> <span style="font-family: helvetica, arial, sans-serif; font-size: 11px; letter-spacing: 0.2em;"><a href="" style="text-decoration: none;"><span style="color: #000;">usernameusername</span></a></span> </div> <div style="height: 90px; text-align: justify; position: relative; top: -24px;"> <span style="font-family: georgia, serif; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa.</span> </div> <div style="width: 100%; background: #HEXCODE1; text-align: center; margin-top: 4px; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> <div style="width: 100%; background: #HEXCODE2; text-align: center; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> </td> <td style="width: 220px; padding: 0px 10px; text-align: center; vertical-align: top;"> <img src="IMAGE URL HERE" style="height: 200px; width: 200px;"> <div style="text-align: center; position: relative; top: -32px;"> <span style="font-family: georgia, serif; font-size: 36px; color: #fff; text-shadow: 0px 0px 4px #000;">Character</span> <span style="font-family: helvetica, arial, sans-serif; font-size: 11px; letter-spacing: 0.2em;"><a href="" style="text-decoration: none;"><span style="color: #000;">usernameusername</span></a></span> </div> <div style="height: 90px; text-align: justify; position: relative; top: -24px;"> <span style="font-family: georgia, serif; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa.</span> </div> <div style="width: 100%; background: #HEXCODE1; text-align: center; margin-top: 4px; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> <div style="width: 100%; background: #HEXCODE2; text-align: center; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> </td> <td style="width: 220px; padding: 0px 10px; text-align: center; vertical-align: top;"> <img src="IMAGE URL HERE" style="height: 200px; width: 200px;"> <div style="text-align: center; position: relative; top: -32px;"> <span style="font-family: georgia, serif; font-size: 36px; color: #fff; text-shadow: 0px 0px 4px #000;">Character</span> <span style="font-family: helvetica, arial, sans-serif; font-size: 11px; letter-spacing: 0.2em;"><a href="" style="text-decoration: none;"><span style="color: #000;">usernameusername</span></a></span> </div> <div style="height: 90px; text-align: justify; position: relative; top: -24px;"> <span style="font-family: georgia, serif; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa.</span> </div> <div style="width: 100%; background: #HEXCODE1; text-align: center; margin-top: 4px; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> <div style="width: 100%; background: #HEXCODE2; text-align: center; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> </td> </tr></table> </div> </raw-code> <small>code by <user name=cawaii></small>

additional colums
<td style="width: 220px; padding: 0px 10px; text-align: center; vertical-align: top;"> <img src="IMAGE URL HERE" style="height: 200px; width: 200px;"> <div style="text-align: center; position: relative; top: -32px;"> <span style="font-family: georgia, serif; font-size: 36px; color: #fff; text-shadow: 0px 0px 4px #000;">Character</span> <span style="font-family: helvetica, arial, sans-serif; font-size: 11px; letter-spacing: 0.2em;"><a href="" style="text-decoration: none;"><span style="color: #000;">usernameusername</span></a></span> </div> <div style="height: 90px; text-align: justify; position: relative; top: -24px;"> <span style="font-family: georgia, serif; font-size: 11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula rutrum elit nec blandit. Aliquam enim erat, dapibus venenatis vulputate id, placerat eget massa.</span> </div> <div style="width: 100%; background: #HEXCODE1; text-align: center; margin-top: 4px; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> <div style="width: 100%; background: #HEXCODE2; text-align: center; padding: 1px;"><span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #fff; text-transform: uppercase;">Text here</span></div> </td>

NOTES
1. The 32 x 32 icons I used are from here. Go there for more colors!
2. The images used are 200px x 200px.
3. Replace HEXCODE1 and HEXCODE2 with the hex codes of your choice.
4. The box with the text must not go over six lines or it won't look good!