Forums > Contact Box Compatability

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

wilcop

Jan 20 2010, 01:55 PM

Hi there. Iv been using these forums and google to create a more custom myspace page for my band. I dont really know coding so keeping it simple iv managed to achieve what i wanted just mashing different code together from different places and changing lots of numbers. I only have one problem now, the contact box.

Heres my code
-------------------------------------------------------------------------------------

CODE

<style>
.tg_left {position:absolute; top:720px; left:50%; margin-left:-400px; _margin-left:px; width:325px; height:260px; z-index:1;background-color:000000;}
</style>
<div class="tg_left">
<marquee>
<img src="http://www.glosarthistory.com/bt/realpics/marquee/All1Small.jpg" />
<img src="http://www.glosarthistory.com/bt/realpics/marquee/China1Small.jpg" />
<img src="http://www.glosarthistory.com/bt/realpics/marquee/Pav1Small.jpg" />
<img src="http://www.glosarthistory.com/bt/realpics/marquee/Rach1Small.jpg" />
<img src="http://www.glosarthistory.com/bt/realpics/marquee/Leon1Small.jpg" />
<img src="http://www.glosarthistory.com/bt/realpics/marquee/Greg1Small.jpg" />
<img src="http://www.glosarthistory.com/bt/realpics/marquee/Chris1Small.jpg" />
</marquee>
</div>

<style>
td.text td.text a img {
width:110px !important;
height:150px;}


.contactTable {
width: 300px !important;
height: 150px !important;
padding: 0px !important;
background-image: url("http://www.glosarthistory.com/bt/ContactBackWhite.jpg");
background-attachment: scroll;
background-position: top left;
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;}
	
.contactTable .whitetext12 {
visibility: hidden;}
</style>


<style>
{THIS MAKES THE BODY TABLE TRANSPARENT}
{*NOTE* - IF YOU DO NOT WANT THE BODY TABLE TRANSPARENT, SIMPLY CHANGE TRANSPARENT TO A COLOR}
table, tr, td{background-color: 000000;}

body, body.bodycontent{
background-color: 000000;
background-image:;
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}

{THIS EDITS THE MAIN TEXT STYLE AND COLORS}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:D3D7CF;
font-size:10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{THIS CHANGES COLOR AND STYLE OF NAMETEXT AND HEADINGS}
.orangetext15, text, strong, .lightbluetext8, .whitetext12, .btext, .redtext, .redbtext{
color:D3D7CF;
font-size:16pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;}
.nametext {color: D3D7CF;}
.genretext {color: D3D7CF;}

{THIS CHANGES COLOR AND STYLE OF LINKS}
a, 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:D3D7CF;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;}

{THIS CHANGES COLOR AND STYLE OF LINKS ON HOVER}
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:FFFFFF;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
} 

{THIS ALSO MAKES THE BODY TABLE TRANSPARENT AND MAKES SURE ALIGNMENTS ARE FINE}
{NOTHING NEEDS TO BE CHANGED HERE EXCEPT IF YOU WANT THE FONT CHANGED}
p {margin: 0px 0px 1em 0px; font-family: arial !important}
body>div {margin-left: 0px;}
table, tr, td, table table, table table td {border-width:0px; background-color: 000000;}
table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {
background-color: transparent;
border: 0 solid;
border-color: 000000;
width: 100%;
}
object {position:relative; z-index:1;}

body td table, body div table {margin-top: 0px;}
.a {hide URL label}
.a {hide top links}
.a {unhide navigation bar}
.navbar {visibility:visible;}

{THIS HIDES BASICALLY EVERYTHING ON THE LEFT SIDE]
{*NOTE* - IF YOU DON'T WANT THE LEFT SIDE HIDDEN, TAKE OUT EVERYTHING BUT .ORANGETEXT15 AND .WHITETEXT12}
.contactTable {display: none;}
.orangetext15 {display: none;}
.navigationbar {display: none;}
.userprofileurl {display: none;}
.profileInfo{display:none;}
.whitetext12 {display: none;}
.latestBlogEntry {display: none;}
img {border:0px;}

{THIS HIDES UNNECESSARY BORDER LINES WHEN HIDING SECTIONS}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}

</style>

<span class="off">!-Start Block to Shift Comments To Center-!</span>
<style>
{!-Change the top px value as needed.  This is distance B on the chart-!}
table.friendscomments {position:relative; left:50%; left:0px; top:5px;}
table.friendscomments {width:800px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}
</style>
<span class="off">!-END Block to Shift Comments To Center-!</span>

The Bushy Tail are:

Pav (Guitar and vocals), 
Rachel (Vocals), 
Krist (Guitar), 
China (Bass), 
Leon (Drums), 
Greg (Trumpet, keyboard and gadgets)

<br /><br /><br /> <font size="+2">   Videos</font>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="280" width="450">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/pBdaDPvZKjA&hl=en_GB&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/pBdaDPvZKjA&hl=en_GB&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" height="280" width="450" wmode="transparent" />
</object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="280" width="450">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.youtube.com/v/mH5KMLkM-mU&hl=en_GB&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" />
  <param name="wmode" value="transparent" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://www.youtube.com/v/mH5KMLkM-mU&hl=en_GB&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" height="280" width="450" wmode="transparent" />
</object>

-------------------------------------------------------------------------------------

The contact box shows up fine in IE, but Safari, Chrome and Firefox all just show black. The links are still active but the background image does not show. The rest of the page is fine and all images are hosted in the same place so i doubt its a security issue. I stole the code from a myspace page that works on all the browsers so i am quite stumped. Any help would be greatly appreciated.

www.myspace.com/thebushytail - Check it out

The only other slight issue is i cant seem to change the colour of the links at the bottom of the friend space. No biggie but if someone has an easy fix its much appreciated. Cheers for your time! And thanks to all of you for putting so much usefull info on here. Its

Mickey

Jan 20 2010, 03:11 PM

Look for this:

CODE

.contactTable {
width: 300px !important;
height: 150px !important;
padding: 0px !important;
background-image: url("http://www.glosarthistory.com/bt/ContactBackWhite.jpg");
background-attachment: scroll;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;}

Replace the background URL with this:

CODE

http://www.glosarthistory.com/bt/ContactBack.jpg

Look for this:

CODE

table, tr, td{background-color: 000000;}

Replace it with this:

CODE

table, tr, td{background-color: transparent;}

Look for this:

CODE

table, tr, td, table table, table table td {border-width:0px; background-color: 000000;}

Remove this bit:

CODE

background-color: 000000;

That should make it show.

wilcop

Jan 20 2010, 03:46 PM

Firstly thanks for putting a code box in my post. I tried but it out smarted me.

I made the ContactBackWhite.jpg -> ContactBack.jpg change after writing this post so that was all ok. Im impressed you checked tho!

The other changes worked second time :-) Dunno what happened the first time but my whole background whent white. I redid it to be sure and now its all black again with the contact box showing bold and beautiful in google chrome. It also made my MusicNavBar background white, which was something id given up trying to do, so good work on that too. I guess thats what happens when you write code from different cook books. Now my Edit band bio section has a white background tho, but naturally im not fussed. Odd tho.

Thankyou VERY much for your help. It was a real ball ache trying to search that problem in google :-)

Regards,
Wilcop

Mickey

Jan 20 2010, 03:58 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.