25th: tuned

[yanyan]

Another muselist thing. Based on iPad album playlists, haha... cries. Three more colors below.

Hitagi Senjougahara Monogatari Series lostweight Discedo Kougyoku Ren Magi: The Labyrinth of Magic redsea Mayfield

Hitagi Senjougahara Monogatari Series lostweight Discedo Kougyoku Ren Magi: The Labyrinth of Magic redsea

TWO COLUMNS (GRAY) <raw-code> <center> <table> <tr> <!--COLUMN 1--> <td style="vertical-align: top;"><!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #d8d8d8; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #d8d8d8; padding: 5px; font-weight: bold; color: #5d5d5d; float: left;">Name</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;">Canon</div> <div style="width: 200px; background: #f7f7f7; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">Game</span></a></div> </div> <!--ITEM END--> <!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #d8d8d8; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #d8d8d8; padding: 5px; font-weight: bold; color: #5d5d5d; float: left;">Name</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;">Canon</div> <div style="width: 200px; background: #f7f7f7; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">Game</span></a></div> </div> <!--ITEM END--></td> <!--COLUMN 1--> <!--COLUMN 2--> <td style="vertical-align: top;"><!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #d8d8d8; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #d8d8d8; padding: 5px; font-weight: bold; color: #5d5d5d; float: left;">Name</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;">Canon</div> <div style="width: 200px; background: #f7f7f7; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">Game</span></a></div> </div> <!--ITEM END--> <!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #d8d8d8; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #d8d8d8; padding: 5px; font-weight: bold; color: #5d5d5d; float: left;">Name</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;">Canon</div> <div style="width: 200px; background: #f7f7f7; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #d8d8d8; padding: 5px; color: #000000; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #000000;">Game</span></a></div> </div> <!--ITEM END--></td> <!--COLUMN 2--> </tr> </table> <br/> <br/> <small>code by <user name=cawaii></small> </center> </raw-code>

INDIVIDUAL (BLUE) <!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #EBEDED; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #A7D1D1; padding: 5px; font-weight: bold; color: #67686E; float: left;">Hitagi Senjougahara</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #EBEDED; padding: 5px; color: #67686E; float: left;">Canon</div> <div style="width: 200px; background: #EBF0F0; border-bottom: 1px solid #EBEDED; padding: 5px; color: #67686E; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #67686E;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #EBEDED; padding: 5px; color: #67686E; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #67686E;">Gamea</span></a></div> </div> <!--ITEM END-->

INDIVIDUAL (PINK) <!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #FFDDDD; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #FFC7C7; padding: 5px; font-weight: bold; color: #ee7777; float: left;">Name</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #FFDDDD; padding: 5px; color: #ee7777; float: left;">Canon</div> <div style="width: 200px; background: #FFE9E9; border-bottom: 1px solid #FFDDDD; padding: 5px; color: #ee7777; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #ee7777;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #FFDDDD; padding: 5px; color: #ee7777; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #ee7777;">Game</span></a></div> </div> <!--ITEM END-->

INDIVIDUAL (YELLOW/BROWN) <!--ITEM START--> <div style="width: 321px; height: 95px; background: #ffffff; font: 11px verdana, sans-serif; text-align: left;"> <!--ICON--> <div style="width: 80px; height: 80px; background: #f7f7f7; border-right: 1px solid #f6f0dc; padding: 0px 15px 15px 15px; text-align: center; float: left;"> <img src="ICON URL HERE" style="width: 80px; box-shadow: #a5a8ad 1px 1px 4px;"> </div> <!--LIST--> <div style="width: 200px; background: #e4cd8a; padding: 5px; font-weight: bold; color: #8b7e5a; float: left;">Name</div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #f6f0dc; padding: 5px; color: #8b7e5a; float: left;">Canon</div> <div style="width: 200px; background: #fdf3c0; border-bottom: 1px solid #f6f0dc; padding: 5px; color: #8b7e5a; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #8b7e5a;">username</span></a></div> <div style="width: 200px; background: #ffffff; border-bottom: 1px solid #f6f0dc; padding: 5px; color: #8b7e5a; float: left;"><a href="LINK" style="text-decoration: none;"><span style="color: #8b7e5a;">Game</span></a></div> </div> <!--ITEM END-->

NOTE
1. There are guides in the comments.
2. Do not delete any of the fields/divs under LIST or you will destroy the code. If you want to leave any blank and remove the border, use this:
<div style="width: 200px; padding: 5px; float: left;"> </div>
3. Only the gray code comes with the set of four box... things. If you want a table full of blue boxes, for example, you will have to replace the ones for the gray. Four boxes to replace aren't so bad.
4. Let me know if you run into any trouble!

Comments

[ex_choir339]

a firefox 24 has reared its ugly head apparently it's not aligning...?

[rollin]

woah what the fuck

aight i gotta update firefox first but hold on i got this

try putting it in a table in the meantime?

[chuggin]

gotcha!!

[yanyan]

Okay, my Firefox is up to date but IIII don't see the difference!

but then I realized it might be because you removed a line? I think I gave you the wrong code FUCK

<div style="width: 200px; height: 25px; padding: 5px; float: left; "> </div>

Try replacing the blank field with that.

[sympathy]

aight lemme give this a try /crosses fingers

[ex_choir339]

ehe, it worked! thank you yana!!

[tonberry]

This is a beautiful code, definitely taking it and giving you all the credit. ♥