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

[asksfortruth]

this is everything I ever wanted, thank yoooooooooooooou

[injusticewetrust]

As an Ace Attorney character, I feel it's my duty to comment this and tell you how wonderful this code is! I hope you don't mind if I take this for myself too ;u;

[runawayballista]

ahh what a great code!! this is amazing, it's perfect for people with a lot of characters who don't want a bulky muselist page *___* thank you so much!!!

[portaling]

The latest, but I combined this layout with your "Fondness" layout to create a CR chart that is reminiscent of WoW raiding interfaces. Your layouts are amazing, so thank you so much for making them!

[yanyan]

That looks great! A lot of people have come up with creative ways of using my codes, you included. I'm just glad people find a use for them, haha! I really appreciate it.

[attorneyatlol]

This is beautiful! Thank you so much for creating it! If it's all right, I'm going to alter it to be a navigation page.

[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.