038

[chucky]

ACTIVE.

INACTIVE.

FRAPPE

<center><div style="width:250px; background: transparent; height:344px; border: 0px solid #bbb;"> <!--TITLE---> <span style="margin-top:8px; font: 24px arial; letter-spacing:1px; color:#ffffff; text-shadow: 0px 1px 2px #202020; float:left;">ACTIVE.</span> <!--ROW ACTIVE A---> <div style="margin-top:-13px; margin-left:20px;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:13px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"> <!--ROW ACTIVE B---> <div style="margin-top:-36px; margin-left:-1px;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:13px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"></div></div> <div style="width:250px; background: transparent; height:205px; margin-top: -20px; border: 0px solid #bbb;"> <!--TITLE---> <div style="margin-top:-50px;"><span style="margin-top:8px; font: 24px arial; letter-spacing:1px; color:#ffffff; text-shadow: 0px 1px 2px #202020; float:left;">INACTIVE.</span> <!--ROW INACTIVE A---> <div style="margin-top:-13px; margin-left:20px;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:13px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URLg" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"> <!--ROW INACTIVE B---> <div style="margin-top:-36px; margin-left:-1px;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:13px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><img src="IMG URL" width="40px;" height="40px;" style=" margin-left:3px; padding:1px; border: 1px solid #bbb; box-shadow: 1px 1px 4px #d2d2d2;"><div style="margin-top:-7px; margin-right:16px;"><p align="right"><a href="http://frappe.dreamwidth.org/" style="text-decoration:none;"><span style="font: 10px arial; font-weight:bold; letter-spacing:-1px; color:#ffffff; text-shadow: 0px 1px 3px #202020;">FRAPPE</div></a></span></p></div></div></div></div></div></center>

Comments

[bats]

i love tiny icons and they can be so hard to use in codes sometimes because there's less detail and it's harder to see, but you manage to pull it off really well! it looks fantastic and i'll probably use it soon ;u ;