38th: court record

[yanyan]

This was commissioned by a friend! Based on Ace Attorney screenshots. Up to five lines or fifty words can fit in the blurb section. Click on the icons to switch profiles. For more profiles, copy and paste the code between CHARACTER START and CHARACTER END as many times as needed. Don't forget to link back to them in the menu below or you won't be able to see them! Icons by castanets and icon_crash.

Profiles

Maya Fey Canon: Ace Attorney Username: mayafey Game: hollyheights Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget nisi eget leo lobortis ullamcorper non nec urna. Sed eleifend lorem in viverra pellentesque. Aliquam dapibus mi metus. Aliquam varius sit amet lectus non facilisis. Apollo Justice Canon: Ace Attorney Username: apollojustice Game: hollyheights Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget nisi eget leo lobortis ullamcorper non nec urna. Sed eleifend lorem in viverra pellentesque. Aliquam dapibus mi metus. Aliquam varius sit amet lectus non facilisis. Praesent malesuada adipiscing ultrices. Cras fringilla nec neque et luctus. Maecenas a consequat erat, sit.

Court Record

code by cawaii

CODE
<raw-code><center> <table> <!--HEADER START--> <tr> <td><div style="background: #3a3a3a; width: 380px; padding: 6px; text-align: left;"> <span style="font: 18px helvetica, arial, sans-serif; color: #ffffff; text-shadow: #1a1a1a 1px 1px 0px;">Profiles</span> </div></td> </tr> <!--HEADER END--> <!--BODY START--> <tr><td style="vertical-align: top;"> <div style="height: 178px; background: #82744f; display: inline-block; padding: 4px; overflow-y: hidden;"> <!--CHARACTER START--> <a name="LINK1"> <div style="height: 96px; border-top: 4px solid #82744f; margin-bottom: 8px; display: block;"> <img src="ICON URL HERE" style="width: 92px; border-radius: 4px; border: 2px solid #ffffff; box-shadow: #555 0px 2px 0px; margin-right: 4px; float: left;"> <div style="background: #94c399; width: 280px; border: 2px solid #ffffff; border-radius: 4px; box-shadow: #555 0px 2px 0px; text-align: justify; float: left;"> <div style="background: #3a3a3a; border-radius: 4px 4px 0px 0px; padding: 4px; text-align: center;"><span style="font: 18px helvetica, arial, sans-serif; color: #f0bf63;">CHARACTER NAME</span></div> <div style="padding: 4px;"><span style="font: 11px helvetica, arial, sans-serif; color: #3a3a3a;">Canon: CANON HERE <br/>Username: USERNAME HERE <br/>Game: GAME HERE</span></div> </div> </div> <div style="width: 380px; height: 80px; font: 12px helvetica, arial, sans-serif; color: #ffffff; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eget nisi eget leo lobortis ullamcorper non nec urna. Sed eleifend lorem in viverra pellentesque. Aliquam dapibus mi metus. Aliquam varius sit amet lectus non facilisis.</div> </a> <!--CHARACTER END--> </div> </td></tr> <!--BODY END--> <tr> <td><div style="background: #82744f; width: 392px; border-radius: 4px 4px 0px 0px;"> <div style="background: #3a3a3a; width: 380px; border: 2px solid #ffffff; border-radius: 4px; box-shadow: #555 0px 2px 0px; padding: 4px; text-align: center;"><span style="font: 18px helvetica, arial, sans-serif; color: #f0bf63;">Court Record</span></div> <!--MENU START--> <div style="padding: 12px; text-align: left;"> <!--ICON START--> <a href="#LINK1"><img src="ICON URL HERE" style="width: 85px; border-radius: 3px; margin: 0px 4px 4px 0px; display: inline;"></a> <!--ICON END--> </div> <!--MENU END--> </div></td> </tr> </table> <br/> <small>code by <user name=cawaii></small> </center></raw-code>

Comments

[shigeo]

For me, the icons on the bottom all do rows of three instead of rows of four, regardless of what browser I use.

A screenshot of this post of yours just as an example!

I'm trying to figure out what's up but I'm not sure what to fiddle with to change things.