i decided that my myspace page was looking a bit dull so i decided to change it up a bit i had much sucess however i have come to a grinding halt with it as i am having trouble with hiding the friends and comments and a few images being out of line its fine when i preview it in my browser but when i put it into my myspace about me sections its not as flash.
About Me Section:
<style type="text/css">
body {
background-color: 444444;
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 0.74em;
color: 555555;
}
.main {
position: absolute;
left: 50%;
top: 100px;
z-index: 2;
margin-left: -400px;
padding: 0px;
border: 0px;
background-color: 444444;
}
.content {
width: 525px;
float: left;
padding: 5px 5px 5px 7px;
margin: 5px 0 0 5px;
}
.content {
background-image: url(mainbar.jpg);
background-position: top right;
background-repeat: no-repeat;
}
.content h1 {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 25px;
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid;
border-color: eeeeee;
color: 728c40;
margin: 0px;
}
.content p {
padding: 15px;
line-height: 20px;
}
.content .articleimg {
float: right;
padding: 5px;
border: 1px solid eeeeee;
margin-left: 20px;
margin-top: 5px;
margin-bottom: 20px;
}
.sidebar {
width: 160px;
float: right;
font-size: 95%;
font-color: 6C534A;
text-align: left;
}
.sidebar h1 {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 20px;
text-transform: uppercase;
font-weight: normal;
border-bottom: 1px solid;
border-color: eeeeee;
font-color: 728c40;
text-align: right;
}
.submenu {
}
.submenu a {
display: block;
width: 100%;
background-image: url(http://billabongcamping.com/misc/myspace/submenua.gif);
background-position: right;
background-repeat: no-repeat;
padding: 5px;
padding-right: 0;
}
.submenu a:hover {
background-color: eeeeee;
background-image: url(http://billabongcamping.com/misc/myspace/submenua_hover.jpg);
background-repeat: no-repeat;
}
input {
color: d6d3d3;
background-color: 555555;
border: 1px solid;
border-color: :d6d3d3;
margin-left: 6px;
margin-top: 4px;
}
input:hover {
color: 555555;
background-color: 999999;
border: 1px solid;
border-color: :555555;
}
input:focus {
color: 555555;
border: 1px solid;
bord-color: 555555;
}
.imageheader {
width: 750px;
margin: 0 auto 0 auto;
margin-top: 60px;
float: right;
border: 0px;
bottom: -80px;
z-index: 1;
}
.header {
width: 750px;
margin: 0 auto 0 auto;
margin-bottom: 40px;
}
.header h1 {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 30px;
text-transform: uppercase;
font-weight: normal;
margin: 0;
padding: 0;
padding-top: 0px;
color: 736451;
margin-bottom: 10px;
text-align: left;
}
.header h2 {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 15px;
text-transform: uppercase;
text-align: right;
font-weight: normal;
margin: 0;
padding: 0;
color: 000000;
border-bottom: 1px solid;
border-color: eeeeee;
}
.logo {
float: right;
border: 0px;
}
.introduction {
font-family: Helvetica, Arial, sans-serif;
line-height: 20px;
font-size: 12px;
color: 99B198;
text-indent: 25px;
background-image: url(desc.jpg);
background-position: bottom left;
padding-left: 0;
padding-right: 200px;
padding-bottom: 35px;
padding-top: 0;
background-repeat: no-repeat;
}
#left {
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 10px;
float:left;
padding: 10px;
width:33%; // as you have some padding, 33% would flip the last container below the others - play around between 30 and 33% to suit your needs.
}
#middle{
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 10px;
float:left;
padding: 10px;
width:33%;
}
#right{
font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
font-size: 10px;
float:left;
padding: 10px;
width:33%;
}
</style>I'd Like to Meet:
<div class="main"> <h1 style="line-height:98%; margin-top:0; margin-bottom:0;" align="center"> <table style="width:800px; height:170px; cellpadding:0px; cellspacing:0px; background-color:444444;"> <tr><td valign="baseline" height="60" nowrap align="center"> <div class="imageheader"> <p style="line-height:100%; margin-top:0; margin-bottom:0;"> </p> </div> <tr> <td height="41" align="center" valign="baseline" nowrap> <p style="line-height:100%; margin-top:0; margin-bottom:-15;"><img src="http://billabongcamping.com/misc/myspace/logo.jpg" width="880" height="270" border="0"> </p> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:-1px; background-color:FFFFFF; top:-15px;"> <tr> <td valign="top"> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=17290186"><img src="http://a754.ac-images.myspacecdn.com/images01/36/m_65dc0ec5ee6bb6517c37123affc41551.jpg" alt="View More Pictures" class="logo" /></a> <p class="introduction">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed auctor est. Fusce leo massa, placerat in, vehicula et, porta ut, metus. Donec enim. Aenean vitae lorem. Vivamus at mi. Vestibulum ultrices tellus vitae augue pulvinar consectetuer. Cras et massa. Sed et felis. Phasellus pharetra aliquet justo. Donec turpis. Nunc mauris ligula, dictum quis, volutpat quis, adipiscing a, neque. Integer tortor tellus, viverra quis, posuere sit amet, imperdiet sit amet, velit. </p> <br /> <div class="content"> <h1>About Me</h1> <p><img src="http://a333.ac-images.myspacecdn.com/images01/41/m_f3e9fd3e86e63ff8e67a8ad08fe0754c.jpg" class="articleimg" / border="1">hey im Joel, im 19 and from west aus. Music is grand. I play drums. uhh and yeh if you wanna know more about me add me on msn or on here and talk to me. [email protected]</p> <h1>Another Heading</h1> <p><img src="http://imagegen.last.fm/basic10/artists/systemfireZ.gif" border="0" align="middle"></p> <p><object type="application/x-shockwave-flash" data="http://www.billabongcamping.com/misc/test/mp3player.swf" height="200" width="300" border="0"> <param name="movie" value="http://www.billabongcamping.com/misc/test/mp3player.swf" /> <param name="allownetworking" value="internal" /> <param name="allowScriptAccess" value="never" /> <param name="enableJSURL" value="false" /> <param name="enableHREF" value="false" /> <param name="saveEmbedTags" value="true" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="flashvars" value="&config=http://www.billabongcamping.com/misc/test/config.xml&file=http://www.billabongcamping.com/misc/test/playlist.xml" /> <param name="wmode" value="transparent" /> </object></p> <h1>Buddies</h1> <p style="line-height:10px; margin-top:0; margin-bottom:0;"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=23627639" title="Cassie"><img src="http://a43.ac-images.myspacecdn.com/images01/26/s_4ef1d6b76950a40a8654e84ad4600aa2.jpg" border="0"> </a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=123157911" title="Matt"><img src="http://a18.ac-images.myspacecdn.com/images01/49/s_bb59ba77ef0a72c14d55dc246ceff759.jpg" border="0"> </a><a href="http://a98.ac-images.myspacecdn.com/images01/3/s_9f0bc618961759ed7c0b589355af6e39.jpg" title="Jimmy"><img src="http://a98.ac-images.myspacecdn.com/images01/3/s_9f0bc618961759ed7c0b589355af6e39.jpg" border="0"> </a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=48861077" title="Regan"><img src="http://a404.ac-images.myspacecdn.com/images01/5/s_81b89f08dbf712af3ebe766c3633c653.jpg" border="0"></a></p> <p style="line-height:10px; margin-top:0; margin-bottom:0;"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=15523054" title="Chris"><img src="http://a835.ac-images.myspacecdn.com/images01/42/s_390b040bb178cfe499f60eb9eba6e472.jpg" border="0"> </a><a href="http://myspace-422.vo.llnwd.net/00420/22/41/420141422_s.jpg" title="Kylie"><img src="http://a990.ac-images.myspacecdn.com/images01/16/s_35b52bb14347a2f017ef442b4ceb8685.jpg" border="0"> </a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=107530802" title="Mia"><img src="http://a664.ac-images.myspacecdn.com/images01/24/s_91807724589942fc864ec1deabb74717.jpg" border="0"></a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=153093297" title="Emma"><img src="http://a603.ac-images.myspacecdn.com/images01/64/s_8fb0e98353e3ca2ea21e1fbe7ee8a4f2.jpg" border="0"></a></p> <p style="line-height:10px; margin-top:0; margin-bottom:0;"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=47469096" title="Waldo"><img src="http://a24.ac-images.myspacecdn.com/images01/58/s_81490c134e979f65996febf144708937.jpg" border="0"> </a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=27250234" title="Dave"><img src="http://a517.ac-images.myspacecdn.com/images01/64/s_4a77c6105ab83e6595ac6de3cec2e874.jpg" border="0"></a><a href="http://profile.myspace.com/ugup" title="Doug"><img src="http://a908.ac-images.myspacecdn.com/01301/70/95/1301095907_s.jpg" border="0"> </a><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=37968623" title="Steve - Ped"><img src="http://a712.ac-images.myspacecdn.com/01465/11/77/1465497711_s.jpg" border="0"> </a></p> <h1>My Music</h1> <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="http://myspace.com/Karnivool" target="_self" title="Karnivool"><img src="http://a952.ac-images.myspacecdn.com/images01/6/s_34d3cc97805ce793945edef128a07ae7.jpg" border="0" alt="Karnivool" height="127"></a> <a href="http://myspace.com/birdsoftokyo" title="Birds Of Tokyo"><img src="http://a992.ac-images.myspacecdn.com/images01/52/s_78308a83225b4dc3976bb34be8f99f5f.jpg" border="0"></a> <a href="http://" title="Cog"><img src="http://a546.ac-images.myspacecdn.com/images01/54/s_6e4bec461684b9c4b70f25c0eb7ce169.jpg" border="0" height="127"></a> <a href="http://" title="Shihad"><img src="http://a384.ac-images.myspacecdn.com/images01/10/s_10f3ea6a93072e86a66badba94ad68a7.jpg" border="0"></a></p> <p style="line-height:100%; margin-top:0; margin-bottom:0;"><a href="http://" title="The Butterfly Effect"><img src="http://a112.ac-images.myspacecdn.com/01331/11/11/1331451111_s.jpg" border="0" height="127"></a> <a href="http://" title="Heavy Weight Champ"><img src="http://a65.ac-images.myspacecdn.com/00660/46/06/660016064_s.jpg" border="0" height="127"></a> <a href="http://" title="The Mars Volta"><img src="http://a475.ac-images.myspacecdn.com/00048/47/47/48547474_s.jpg" border="0" height="127"></a> <img src="http://myspace-764.vo.llnwd.net/00385/46/77/385887764_s.jpg" border="0" height="127"></p> <div id="left"> 28 Days*<br>ACDC<br> Alexisonfire<br>At the Drive-in<br>Audioslave<br>Beastie Boys*<br>Birds Of Toyko*<br>Black Sun Empire<br> Blur<br>Bob Marley<br>Black Sabbath<br>The Butterfly Effect*<br>Calyx<br>The Chemical Brothers<br> Coal Chamber<br>Cog*<br>Cold Chisel<br>Coldplay<br>Cypress Hill<br>The Datsuns<br>Darude<br>Disturbed<br>Dream Theater<br>Drowning Pool<br>The Doors<br>Eskimo Joe*<br>Faker*<br>Fear Factory<br>Franz Ferdinand<br>Fragma<br>Greenday</div> <div id="middle"> Grinspoon*<br>Guns N Roses<br>Gyroscope*<br>Jebediah*<br>Jimi Hendrix<br>Jurassic5<br>The John Butler Trio*<br>Karnivool*<br>Kaiser Chiefs*<br>Korn<br>Led Zeppelin<br>Linkin Park<br>Liquid Tension Experiment<br>The Living End*<br>Marylin Manson<br>The Mars Volta*<br>Metallica<br>Motorace<br>Muse*<br>Mudvayne*<br>Necro<br>Nirvana<br>Oasis*<br>The Offspring<br>Pacifier*<br>Parkway Drive<br>Pearl Jam<br>Powderfinger*<br>The Presidents of the U.S.A. <br>The Prodigy<br></div> <div id="right"> Queens of the Stone Age<br>Radiohead<br>Rage Against the Machine<br>Rammstien<br>The Red Hot Chilli Peppers<br>Rob Zombie<br>Rocket Science*<br>Silverchair*<br>Shihad*<br>Slayer<br>Slipknot*<br>The Smashing Pumpkins<br>Sparta<br>Spiderbait*<br>Static-x<br>Streetlight*<br>System of a Down*<br>Third Eye Blind<br>Tool*<br>Verve<br>Wolfmother*<br>The White Stripes*<br>X-Ecutioners</p> <p>*Bands seen live.</p> </div></p> </div> <div class="sidebar"> <h1>Contact</h1> <div class="submenu"> <a href="http://mail1.myspace.com/index.cfm?fuseaction=mail.message&friendID=17290186">Send Message</a> <a href="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=17290186">Add to Friends</a> </div> <h1>Comment</h1> <div class="commentbox"> <form method="post" action="http://www.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <p align="right"><input type="hidden" name="friendID" value="17290186"> <textarea name="f_comments" cols="20" rows="8" style="border-width:1; border-style:solid;"></textarea><br /> <input type="submit" value="Post"> <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=17290186">View All</a></p> </form> </center></div> <h1>Random</h1> <h1><img src="http://a790.ac-images.myspacecdn.com/01357/98/74/1357754789_s.jpg" border="0"></h1> <h1>Vehical</h1> <div class="submenu"> <p align="right"><a href="http://billabongcamping.com/misc/myspace/ute.jpg"><img src="http://billabongcamping.com/misc/myspace/ute_tb.jpg" border="0" width="105" height="79"></a></p> <p align="right">94 VR Utillity</p> <p> </p> </div> </div> </td> </tr> </table> </div> <div style="border-width:0px; height:400px; position:relative; overflow:hidden;"> <table> <tr> <td> <table> <tr> <td> </td> </table>
Thanks in advance
