Making a Band Layout, Version 2 |
Making a Band Layout, Version 2 |
Jul 20 2009, 09:20 PM
Post
#1
|
|
Senior Member Group: Staff Alumni Posts: 7,063 Joined: Jul 2008 Member No: 670,288 |
MySpace Band Layout Tutorial Welcome to Version 2 of the Band Layout Tutorial! This tutorial will help you out in making those professional looking layouts that graphic designers are making for these rising bands. A lot of people are getting into this kind of thing, and resources for Band Layouts are very slim, so I hope this topic helps anyone out that needs the help and resources. Rules:
|
|
|
Oct 2 2009, 05:58 AM
Post
#2
|
|
Member Group: Member Posts: 10 Joined: Sep 2009 Member No: 746,858 |
Okay, so here's all of my code. It's probably too much and a little sloppy, but I've been tweaking this thing for awhile. Please help!
CODE <style>
.profileWidth table { margin-bottom:844px; width:800px; } .rail { display:none; } .gap { background:url() top left no-repeat; width:894px; height:844px; position:absolute; top:0; left:50%; margin:0px 0 -400px -496px; } .topbanner {position:absolute; left:50%; top:0px; margin-left:-400px; _margin-left:-401px; width:894; height:844px; z-index:1;} .menu { background:url() top left no-repeat; width:894px; height:844px; position:absolute; top:0; left:50%; margin:844px 0 -400px -449px; _margin:844px 0 -400px -450px; } .player { background:url() top left no-repeat; width:894px; height:844px; position:absolute; top:0; left:50%; margin:962px 0 -400px -449px; _margin:962px 0 -400px -450px; } .tg_left { position:absolute; top:1344px ; left:50%; margin-left:-449px; _margin-left:-450px; width:325px; height:800px; z-index:1; } .mike { position:absolute; top:1445px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .conner { position:absolute; top:1685px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .keenan { position:absolute; top:1925px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .jj { position:absolute; top:2165px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .ben { position:absolute; top:2405px; left:50%; margin-left:-295px; _margin-left:-696px; _width:150px !important;text-align:center; _height:150px !important; z-index:2; } .shows {position:absolute; top:1348px; left:50%; margin-left:1px; _margin-left:0px; width:325px; height:58px; z-index:1;} table table table table td.text span.whitetext12 { position: relative; top: 0px; display: block; left: 450px; visibility: visible; width: 1px; height: 0px; text-indent: -999999px; background: transparent url() bottom left no-repeat; } .twitter{ width:422px display:block; height:500px padding-top:20px; _padding-top:20px; margin-top:42px; margin-left:-318px; _margin-top:65px; _margin-left:-50px; _width:322px !important; _height:400px !important; } .twitter2{ width:450px !important; display:block; height:58px !important; padding-top:10px; margin-top:20px; _margin-top:-20px; margin-left:118px; _margin-left:180px; } .videos{ width:450px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:118px; _margin-left:180px; _Margin-top:-115px; } .videos2{ width:430px !important; display:block; height:auto !important; padding-top:0px; margin-top:35px; margin-left:-100px; _margin-left:-50px; _margin-top:80px; } .promote{ width:450px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:115px; _margin-left:147px; } .promote2{ width:400px !important; display:block; height:auto !important; padding-top:0px; margin-top:0px; margin-left:140px; _margin-left:20px; } .leftcontent { width: 325px !important display: block; height: auto; margin-left: 20px; _margin-left: 0px; } object {position:absolute; height:350px; width:450px; left:50%; z-index:9;} object {top:-40px!important; _top:-90px!important; margin-left:-555px!important; _margin-left:-410px!important;} object object, td td td object, embed {position:static; margin:auto!important;} </style> <div class="gap"><div class="topbanner"> <img src="http://connerjones.webs.com/photos/-consensus/layout-header.jpg" /> </div></div> <div class="menu"> <table id="Table_01" width="894" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5" rowspan="2"> <img src="http://connerjones.webs.com/photos/null/layout-menu_01.jpg" width="327" height="59" alt="" /></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vcHVyZXZvbHVtZS5jb20vY29uc2Vuc3VzYmFuZA=="> <img src="http://connerjones.webs.com/photos/null/layout_02.jpg" width="149" height="49" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="> <img src="http://connerjones.webs.com/photos/null/layout_03.jpg" width="101" height="49" border="0" alt="" /></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9Db25zZW5zdXNCYW5k"> <img src="http://connerjones.webs.com/photos/null/layout_04.jpg" width="85" height="49" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vY29uc2Vuc3VzYmFuZA=="> <img src="http://connerjones.webs.com/photos/null/layout_05.jpg" width="103" height="49" border="0" alt="" /></a></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL2NvbnNlbnN1c2JhbmQ="> <img src="http://connerjones.webs.com/photos/null/layout_06.jpg" width="84" height="49" border="0" alt="" /></a></td> <td rowspan="5"> <img src="http://connerjones.webs.com/photos/null/layout-menu_07.jpg" width="45" height="118" alt="" /></td> </tr> <tr> <td colspan="7"> <img src="http://connerjones.webs.com/photos/null/layout-menu_08.jpg" width="522" height="10" alt="" /></td> </tr> <tr> <td colspan="4"> <img src="http://connerjones.webs.com/photos/null/layout-menu_09.jpg" width="272" height="3" alt="" /></td> <td colspan="3" rowspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE5Mzg5NTExNg=="> <img src="http://connerjones.webs.com/photos/null/layout_10.jpg" width="211" height="47" border="0" alt="" /></a></td> <td rowspan="2"> <a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xOTM4OTUxMTY="> <img src="http://connerjones.webs.com/photos/null/layout_11.jpg" width="94" height="47" border="0" alt="" /></a></td> <td colspan="4"> <img src="http://connerjones.webs.com/photos/null/layout-menu_12.jpg" width="272" height="3" alt="" /></td> </tr> <tr> <td rowspan="2"> <img src="http://connerjones.webs.com/photos/null/layout-menu_13.jpg" width="49" height="56" alt="" /></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"> <img src="http://connerjones.webs.com/photos/null/layout_14.jpg" width="73" height="44" border="0" alt="" /></a></td> <td rowspan="2"> <img src="http://connerjones.webs.com/photos/null/layout-menu_15.jpg" width="1" height="56" alt="" /></td> <td> <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTM4OTUxMTY="> <img src="http://connerjones.webs.com/photos/null/layout_16.jpg" width="149" height="44" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=193895116"> <img src="http://connerjones.webs.com/photos/null/layout_17.jpg" width="120" height="44" border="0" alt="" /></a></td> <td colspan="2"> <a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=193895116&n=193895116"> <img src="http://connerjones.webs.com/photos/null/layout_18.jpg" width="152" height="44" border="0" alt="" /></a></td> </tr> <tr> <td> <img src="http://connerjones.webs.com/photos/null/layout-menu_19.jpg" width="73" height="12" alt="" /></td> <td colspan="9"> <img src="http://connerjones.webs.com/photos/null/layout-menu_20.jpg" width="726" height="12" alt="" /></td> </tr> <tr> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="49" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="73" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="1" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="55" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="149" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="7" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="94" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="85" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="35" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="68" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="84" height="1" alt="" /></td> <td> <img src="http://connerjones.webs.com/photos/null/spacer.gif" width="45" height="1" alt="" /></td> </tr> </table> </div> <div class="player"> <img src="http://connerjones.webs.com/photos/-consensus/picture-player.jpg" /> </div> <div class="shows"> <img src="http://connerjones.webs.com/photos/-consensus/shows.jpg" /> </div> <div class="twitter2"> <img src="http://connerjones.webs.com/photos/-consensus/twitter.jpg" /> </div> <div class="twitter"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="500" width="422" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" /> <param name="wmode" value="transparent" /> <param name="quality" value="high" /> <param name="bgcolor" value="000000" /> <param name="flashvars" value="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://static.twitter.com/flash/widgets/profile/TwitterWidget.swf" height="500" width="422" align="middle" wmode="transparent" quality="high" bgcolor="000000" flashvars="userID=51382028&styleURL=http://static.twitter.com/flash/widgets/profile/velvetica.xml" /> </object> </div> <div class="videos"> <img src="http://connerjones.webs.com/photos/-consensus/videos.jpg" /> </div> <div class="videos2"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="245" width="430"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" /> <param name="wmode" value="transparent" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/wExHrh-IW0Q&hl=en&fs=1&" height="245" width="430" wmode="transparent" /> </object> </div> <div class="promote"><center> <img src="http://connerjones.webs.com/photos/-consensus/promote.jpg" /> </div> <div class="promote2"> <a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" alt="Consensus Promo Animation" border="0" /></a><br /> Copy the code below and paste it into your profile/website! <textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://memberfiles.freewebs.com/73/91/46359173/photos/-consensus/promo-fall2009.gif" border="1"></a></textarea> <br /> <a href="http://myspace.com/theconsensusband" target="_blank"><img src="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.gif" alt="Consensus Promo Animation" border="0" /></a><br /> Copy the code below and paste it into your profile/website! <br /> <textarea style="_margin-left:0px; border: 1px solid gray; overflow: auto; width: 400px; height: 35px; background-color: white;"><a href="http://i169.photobucket.com/albums/u239/hiddenflaw/consensuspromo.giff" border="1"></a></textarea> <center></div> <div class="mike"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=75800583" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=75800583" quality="high" /> </object></div> <div class="conner"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=23279831" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=23279831" quality="high" /> </object></div> <div class="keenan"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=47543497" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=47543497" quality="high" /> </object> </div> <div class="jj"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=21549223" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=21549223" quality="high" /> </object> </div> <div class="ben"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="150" width="150" align="middle"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://twitter.com/flash/twitter_badge.swf" /> <param name="wmode" value="transparent" /> <param name="flashvars" value="color1=0&type=user&id=74049593" /> <param name="quality" value="high" /> <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://twitter.com/flash/twitter_badge.swf" height="150" width="150" align="middle" wmode="transparent" flashvars="color1=0&type=user&id=74049593" quality="high" /> </object> </div> <div class="tg_left"> <img src="http://connerjones.webs.com/photos/-consensus/members.jpg" /> <img src="http://connerjones.webs.com/photos/-consensus/members-pics.jpg" /> <img src="http://connerjones.webs.com/photos/-consensus/merch.jpg" /> <a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20="><img src="http://connerjones.webs.com/photos/-consensus/shirts.jpg" /></a> <img src="http://connerjones.webs.com/photos/-consensus/thingswelike.jpg" /> <img src="http://connerjones.webs.com/photos/-consensus/stuff.jpg" /> <img src="http://connerjones.webs.com/photos/-consensus/info.jpg" /> <div class="leftcontent" align="justify"> <b style="color:3b3d3d;">URL.</b><br /> <a href="http://www.myspace.com/theconsensusband">www.myspace.com/theconsensusband</a><br /> <br /> <b style="color:3b3d3d;">BOOKING.</b><br /> <a href="mailto:consensusband@gmail.com">consensusband@gmail.com</a><br /> <br /> <b style="color:3b3d3d;">HOMETOWN.</b><br /> Kirklin, IN<br /> <br /> <b style="color:3b3d3d;">MERCH.</b><br /> <a href="http://www.msplinks.com/MDFodHRwOi8vY29uc2Vuc3VzLmJpZ2NhcnRlbC5jb20v">consensus.bigcartel.com</a><br /> <br /> <b style="color:3b3d3d;">LABEL.</b><br /> Unsigned<br /> <br /> </div> <style> html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{ background-color: transparent !important; color:000000 !important; width: 450px !important; border-collapse: collapse !important; margin-bottom: 0 !important; margin-left: 118px !important; margin-right: 0 !important; margin-top: 15px !important; padding: 0 !important; table-layout: fixed !important; position: relative !important; background-image: url(http://connerjones.webs.com/photos/-consensus/blog.jpg); background-repeat: no-repeat; background-position: 0px 0px; overflow: hidden; _background-position: 0px 2px; _margin-left: 167px !important; _margin-top: 0px !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{ display: inline; margin: 0 !important; padding: 0 !important; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{ display: block !important; margin: 0 !important; padding: 0 !important; width: 399px !important; font-family: Arial; color: 000000 !important; clear: both !important; font-size: 1px !important; line-height: 0px; vertical-align: middle; _width:380px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{ float: right; line-height: 35px; color: 000000 ; padding: 0px !important; margin: 0px !important; padding-right: 5px !important; position: relative; z-index: 6; font-weight: normal; font-size: 10px !important; display: block; height: 35px; text-transform: Capitalize; _font-size: 10px !important; _width:120px; _text-align:right; _font-weight: normal; _postion: absolute !important; _margin-top: -4px !important; _margin-left:20px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{ line-height: 35px; position: absolute; display: block; border-bottom: 1px dotted dimgray; border-color: ; width: 403px; color: 000000; padding: 0px !important; margin: 0px !important; margin-left: 30px !important; padding-left: 5px !important; z-index: 5; font-weight: normal; font-size: 10px !important; height: 35px; _font-size: 10px !important; _margin-top: -3px !important; _font-weight: normal !important; _margin-left: 12px !important; _width:380px; } html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{ display: block; float: left; width: 50px !important; height: 43px; font-size: 1px; overflow: hidden; color: 000000 !important; line-height: 300px; } html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{ display: block !important; height: 58px !important; width: 450px !important; margin: 0 !important; margin-left: 118px !important; padding: 0 !important; font-size: 1px; overflow: hidden; background-image: url(http://connerjones.webs.com/photos/-consensus/friends.jpg); background-repeat: no-repeat; color: transparent !important; line-height: 10px !important; margin-top: -3px !important; background-color: transparent !important; _margin-left: 154px !important; } html body.bodyContent table tbody tr td table.friendsComments { width: 720px !important; margin: 0 !important; padding: 0 !important; margin-top: 20px !important; overflow: hidden !important; background-color: transparent !important; margin-left: -1px !important; _width: 720px !important; _margin-left: 50px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table { width: 100% !important; border-collapse: separate !important; border-spacing: 0px 0px !important; background-color: transparent !important; height: auto !important;} table.friendsComments tbody tr td.text table tbody tr td { background-color: transparent !important; height: auto !important;} table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 { background-image: url(http://connerjones.webs.com/photos/-consensus/comments-1.jpg); background-repeat: no-repeat !important; background-color: transparent; display: block !important; height: 45px !important; color: 000000 !important; width: 800px; position: relative; overflow: hidden; font-size: 1px; text-align: right; margin-top: 5px; line-height: 300px !important; _width: 800px !important; _border-left: 1px 000000 !important; _border-right: 1px 000000 !important; _height: 45px !important; _margin-bottom: -1px !important; _margin-left:50px; } html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b { display: block; position: absolute; z-index: 9; width: 750px; height: 15px; line-height: 15px; overflow: hidden; margin: -25px 0 0 8px; text-align: right; padding-right: 12px !important; color: 000000; font-weight: normal; font-size: 12px; _margin: 0px 0 0 15px; _font-size: 12px !important; _color: 000000;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext { font-weight: normal; color: 666666; padding: 0px 2px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a { color: 666666 !important; font-size: 12px !important; text-transform: none; margin: 0 -7px 0 -8px !important; padding: 0 9px 0 9px !important; background-color: transparent !important; position: relative !important; display: inline !important; z-index: 9; border: none !important; letter-spacing: 0px !important; _font-size: 11px !important; _margin: 0 !important; _padding: 0 !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table { overflow: hidden !important; border: 1px 000000 !important; border-color: 000000 !important; width: 100% !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td { background-color: transparent !important; text-align: left; vertical-align: top; overflow: hidden !important; font-size: 12px !important; line-height: 12px !important; text-transform: none !important; letter-spacing: 0px; color: 000000 !important; margin: 0 !important; padding: 5px 0px 5px 0px; border-bottom: 0px 000000 !important; border-color: 000000 !important; _line-height: 16px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10 { color: 000000 !important; text-transform: None !important; margin: 0px !important; padding: 0px important; display: block !important; font-size: 12px; font-family: arial, sans-serif !important; font-weight: normal; letter-spacing: 1px; text-align: right; margin: 10px 10px -12px 0px !important; width: 650px; border-top: 1px 000000; _margin: 12px 0px -.5em 0px !important; _width: 650px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td { background-color: transparent !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a { display: block; border: 0px 000000 !important; border-color: 000000 !important; border-top-style: solid !important; border-top-width: 0px !important; text-align: center; text-transform: Uppercase; padding: 8px; font-size: 12px; letter-spacing: 1px; color: transparent !important; position: relative !important; margin-top: -3px !important; background-color: transparent; _margin-top: -6px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a { display: block !important; color: 000000 !important; margin: 0px !important; padding: 10px 10px 0px 10px !important; text-transform: none !important; margin-bottom: -15px !important; font-size: 10px !important; line-height: 11px !important; border: none !important; letter-spacing: 0px !important; text-align: center !important; width: 110px !important; overflow: hidden !important; font-weight: normal; _width: 124px !important; _margin-bottom: -15px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img { visibility: visible !important; border: 0px 008080 !important; border-color: 000000 !important; padding: 0px !important; margin: 0px !important; margin-top: -12px !important; width: auto !important; _margin-left: -4px;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow { display: block; position: relative; margin: 15px 0 -20px 26px !important; border: none !important; _margin: 15px 0 -20px 21px !important;} html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img { max-width: 100%; margin: 0px !important; margin: 0px 0px 12px 0px !important;} .orangetext15 {display: none;} .whitetext12 {display: none;} table table div embed, table table div object {position:relative; z-index:9;} table, tr, td{ background-color:transparent; border-style:none; } body { background-color: ffffff; background-image:url(http://fc02.deviantart.com/fs51/f/2009/256/c/c/cc38529b93e12304313046c2a2abdbaa.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: scroll; } table table table table, table table table td{ background-image:none; background-color:transparent; } body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{ color:000000; font-size:9pt; line-height: 10pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } strong, .lightbluetext8, .btext, .redtext, .redbtext{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:none ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } a { color: 444444 !important; font-family: Arial !important; } a:hover { color: 000000 !important; font-family: Arial !important; } a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{ color:666666; font-size:9pt; font-weight:normal; font-style:normal; text-decoration:normal ; text-transform:none; font-family:Helvetica Narrow, sans-serif; } table table table table, div table table table{ border-style:none; } </style> |
|
|