Forums > Moving Friends & Comments Header

Full Version: Moving Friends & Comments Header

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

dollywood

Dec 7 2009, 02:58 PM

Hi

I want to move my friends and comments headers but im not having much luck at the mo, how do i go about moving them?
here are my codes for those sections

CODE

.friendSpace .orangetext15 {height: 45px !important; width: 850px !important; display: block !important; margin: 0px auto !important; padding: 0 !important; font-size: 0px; overflow: hidden; background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yafrlong.jpg); background-repeat: no-repeat; color: 000000 !important; line-height: 50px !important;}
.friendSpace {position:relative; margin-left:-351px; float:left;}
.friendSpace table, .friendSpace td.text {width:100%;}


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: -12px !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://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yacolongc.jpg);
  background-repeat: no-repeat !important; 
  background-color: transparent; 
  display: block !important; 
  height: 45px !important; 
  color: 000000 !important; 
  width: 850px; position: relative; 
  overflow: hidden; 
  font-size: 0px; 
  text-align: right; 
  margin-top: 30px; 
  line-height: 300px !important; 
  _width: 325px !important; 
  _border-left: 1px 000000 !important; 
  _border-right: 1px 000000 !important; 
  _height: 40px !important; 
  _margin-bottom: -1px !important;
} 
 
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: 91a093 !important; 
  text-transform: None !important; 
  margin: 0px !important; 
  padding: 0px important; 
  display: block !important; 
  font-size: 12px; 
  font-family: 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: 91a093 !important; 
  margin: 0px !important; 
  padding: 10px 10px 0px 10px !important; 
  text-transform: none !important; 
  margin-bottom: -15px !important; 
  font-size: 12px !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: 0px;} 
 
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;}

table table table table td.text span.whitetext12 {
position: relative;
top: 0px;
display: block;
left: 0px;
visibility: visible;
width: 1px;
height: 10px;
text-indent: -999999px;
background: transparent  bottom left no-repeat;
}

any help would be great

thanks

Mickey

Dec 8 2009, 06:55 AM

To move your Friends header, take a look at the first line:

CODE

.friendSpace .orangetext15 {height: 45px !important; width: 850px !important; display: block !important; margin: 0px auto !important; padding: 0 !important; font-size: 0px; overflow: hidden; background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yafrlong.jpg); background-repeat: no-repeat; color: 000000 !important; line-height: 50px !important;}

Replace it with this:

CODE

.friendSpace .orangetext15 {height: 45px !important; width: 850px !important; display: block !important; position: relative; top: #px; left: #px; padding: 0 !important; font-size: 0px; overflow: hidden; background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yafrlong.jpg); background-repeat: no-repeat; color: 000000 !important; line-height: 50px !important;}

Replace the pound symbols on the top and left properties with appropriate values to position it. For the Comments header, look for this:

CODE

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yacolongc.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 850px; position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 30px;
line-height: 300px !important;
_width: 325px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
_margin-bottom: -1px !important;
}

Replace it with this:

CODE

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15 {
background-image: url(http://i378.photobucket.com/albums/oo222/tgvisuals/Yardarm/yacolongc.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 45px !important;
color: 000000 !important;
width: 850px; position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
position: relative;
top: #px;
left: #px;
line-height: 300px !important;
_width: 325px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
}

Again, replace the pound symbols for the top and left properties with appropriate values.

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