Skinny Layouts: iPod

Yay! I finally figured out how to do skinny layouts. I’ll probably do more of them later on; I like how they’re so cute and compact.

PREVIEW

How to use:
Copy and paste the codes at the very bottom of your About Me box.

<center><a href="http://laurganism.com/layouts"><img src="http://laurganism.com/wp-images/laybutton2.jpg" border="0"></a></center><br /> <style type="text/css">body {background-color:FFFFFF;background-image:url(http://i3.tinypic.com/xpmszp.jpg); } table, tr, td {background-color:transparent; border:0px; padding:0;}table table { border: 0px table table table { border:1px solid;border-color:000000; padding:1px; }table table table td { background-color:FD60B0; }a {color:FFFFFF!important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}a:hover {color:FFFFFF !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}table table table table td {filter:none;}table table, table table table table {border:0px; padding:0;width:200px;}td.text table table table table,td.text table table table table td {width:0px;}.text td { color: black;font-family:arial;font-size:10px; }.contactTable { background-color:transparent; font-weight: normal; font-style: normal;text-decoration: none; width:200px;}.contactTable a img {visibility:visible; border:0px solid;border-color:CC0000;} .text table tr td { background-color: 6CBAFF; border: %23000000}table, tr, td, li, p, div {font-family:arial; color:103D6B; } .btext { font-family:Arial; color:103D6B; } .lightbluetext8 { font-family:black;color:313963; }.blacktext10, .redbtext,.redtext { font-family:Arial; color:313963;}.nametext, .blacktext12 { font-family:Arial; color:313963; } .whitetext12, .orangetext10, .text {font-family:arial; color:99CFFF;} </style> <style type="text/css">.contactTable {width:300px !important; height:150px !important; padding:0px !important;background-image:url(http://i3.tinypic.com/xpo2rm.jpg);background-attachment:scroll; background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}</style> <p>

Then copy and paste these codes at the very bottom of your Who I’d Like To Meet box.

</p> <p><DIV style="height:200px; width:200px; overflow:auto; border:none 0px solid;"><br /> <table> <tr> <td> <table> <tr> <td>

The last code puts your friends and comments section in one box so that they don’t drag down your MySpace page. It’s optional but the layout looks more consistent and compact if you put that code on.

Written by lauren on May 11th, 2006 with 4 comments.
Read more articles on All MySpace Layouts and Skinny.