Forums > Move contact pic table AND music player.

Full Version: Move contact pic table AND music player.

Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics

ZeT0

Sep 6 2009, 03:12 PM

I couldn't find this code anywhere.
Alright, so I want to move the Contact Picture Table( With contact box, URL, blah, blah, blah ) And the Music Player ( With shows, whole right side ), up.
Moving the contact picture table will obviously make it easier to .div on a left side later to cover it. Here's my code so far.

CODE

<style> 
.profileWidth table { margin-bottom:1150px; width:800px; }
.rail { display:none; }
.gap {
  background:url() top left no-repeat;
  width:900px; height:1150px;
  position:absolute; top:0; left:50%;
  margin:0px 0 -400px -1150px;
</style> 

<div class="gap"></div>

<style type="text/css">

.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: 000000;
background-image:url(http://img35.imageshack.us/img35/1557/backgroundvs.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:FFFFFF;
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:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: FFFFFF !important;
font-family: Arial !important;
}

a:hover {
color: 666666 !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;
}

.topbanner {position:absolute; left:50%; top:0px; margin-left:-437px; _margin-left:###px; width:879; height:1069px; z-index:1;}

</style>

<div class="topbanner">
<img src="http://i578.photobucket.com/albums/ss224/zet088/Header_01.png" /><br>
<img src="http://i578.photobucket.com/albums/ss224/zet088/Header_02.png" /><br>
</div>

And I want it to be here.

click to enlarge

Thanks!

Mickey

Sep 6 2009, 03:39 PM

To bring the profile up or down, you just need to play around with the underlined numbers below:

CODE

<style>
.profileWidth table { margin-bottom:1150px; width:800px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:900px; height:1150px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1150px;
</style> 

I think 950px will do the trick. To move the Contact Table around, use this code:

CODE

Replace the pound symbols with appropriate values to position it.

ZeT0

Sep 6 2009, 03:46 PM

I tried changing the numbers that were underlined, it did nothing.

CODE

<style> 
.profileWidth table { margin-bottom:1150px; width:800px; }
.rail { display:none; }
.gap {
  background:url() top left no-repeat;
  width:900px; height:1150px;
  position:absolute; top:0; left:50%;
  margin:0px 0 -400px 400px;
</style> 

<div class="gap"></div>

I went as far as 400px.

EDIT:
I forgot to change the first code.
Worked like a charm, Thanks!
Oh, and is there any way to hide the white Myspace music bar?
Thanks.

Mickey

Sep 6 2009, 03:54 PM

Of course. Just lower the values I underlined by 75 pixels or so and it should hide itself behind your top banner.

ZeT0

Sep 6 2009, 03:56 PM

Works perfectly. :)
Thanks!

Mickey

Sep 6 2009, 04:00 PM

Topic closed & moved.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.