I do not have time to troubleshoot people's code. (Hopefully I will again in the future).
I do not have much time to answer questions (but if it is a quick answer, that only takes me a few minutes, I will try to answer).
I really recommend the following site, for myspace customizing questions: Official Myspace Customizing Forum
That is the most reliable source, and the people I know who enjoy helping, and are quite good at it, tend to hang out there.

Tuesday, February 27, 2007

myspace contact table contactTable custom hide move style

MySpace contact table, applying Custom Contact Table, Hiding Contact Table


Contents
Structure and General Stuff about the Contact table
Quick Contact Table Color Change
Custom Contact Table
Hide/Remove Contact Table
Alter Size of Contact Table
Style Contact Table Header

Structure and General Stuff about the Contact table
how to address:
table.contactTable

The most common customization applied to the contact table, is to apply a custom image.
Because the text, on the default contact table is really an image, there is no way to change the color (that works cross browser, there are filters which work in IE).
Because it is so ugly, the best solution is often to just hide the default images, turn the background coloring transparent, and place a custom image as a background.
The custom image should contain any text for labeling the links.

Quick Contact Table Color Change
However, a quick solution to the ugly color, for IE only, may be a filter.
This will turn the actual text images (what you see as the links) transparent, while turning the transparent part of those link images, the color of your choice.
<style>
{!remove ugly color from contact table IE only!}
table.contacttable a img {filter: mask(Color=pink)}
</style>
Change pink to a color which blends in with your profile
Custom Contact Table
Replace the url with the url of the background image you want to use for your contact table.
This code can go in the "About Me" section (or the "Bio" section for the Band page).
<i class="i">
START code to Apply Custom Contact Table
All rights reserved. You may not remove my credits.
You may not re-publish this code.
</i>
<a class="i" href="xiii.us/ms/contactTable">MySpace Custom Contact Table </a>
<a class="i">
<style>
.i {display:none;}
{! below should be set to the height of your image !}
table.contactTable {height:150px !important;}
table.contactTable, table.ContactTable table,
table.contactTable td {background-color:transparent; border:none !important;}
table.contactTable table td a img, table.contactTable .i, i i.x { opacity:0.001 !important; filter:alpha(opacity=0.001) !important }
table.contactTable {background-image:url('http://i3.tinypic.com/82b11ki.gif');
background-repeat:no-repeat;
background-position:center; }
{! use below line ONLY if you want to hide the Contacting header!}
table.contactTable td span {visibility:hidden;}
</style> </a>
<i class="i">
END code to apply Custom Contact Table</i>


how to address:
table.contactTable

The most common customization applied to the contact table, is to apply a custom image.
Because the text, on the default contact table is really an image, there is no way to change the color (that works cross browser, there are filters which work in IE).
Because it is so ugly, the best solution is often to just hide the default images, turn the background coloring transparent, and place a custom image as a background.
The custom image should contain any text for labeling the links.

Quick Contact Table Color Change
However, a quick solution to the ugly color, for IE only, may be a filter.
This will turn the actual text images (what you see as the links) transparent, while turning the transparent part of those link images, the color of your choice.
<style>
{!remove ugly color from contact table IE only!}
table.contacttable a img {filter: mask(Color=pink)}
</style>
Change pink to a color which blends in with your profile
Hide/Remove Contact Table
If you want to remove the contact table:
<i class=i>Apply Custom Contact Table
<a href="http://xiii.us/ms/contactTable">MySpace Contact Table Code by Eileen</a>
</i>
<style>
.i {display:none;}
table.contactTable {display:none;}
</style>

Alter Size of Contact Table
<i class=i>START CODE to style size contact table</i>
<a class=i href="http://xiii.us/ms/contactTable">
Customize, style, size myspace contact table code tutorial by Eileen</a>
<style>
.i, .clearfix i i i {display:none;}
table.contactTable,
table.contactTable table {width:200px !important; height:auto !important;}
table.contactTable table td {width:auto !important;}
{!-contact table clear gifs -!}
table.contactTable table td img {width:0px; height:1px}
{!-size link images in contact table-!}
table table table.contactTable table td.text a img {width:95px; height:20px}
</style>
<i class=i>END CODE to style size contact table</i>


Style Contact Table Header
This code can go at the very top or very bottom of the about or meet section.
<a class="i" href="views-under-construction.blogspot.com">custom mood myspace code and tutorials by Eileen </a>
<style>
.i {display:none;}
table.contactTable span.whitetext12 {font-size:20px; color:green ;}
</style>
You can change the font-size and color.
You can add a font-family and other font properties.

Labels:

17 Comments:

Anonymous bucky said...

By any chance is there a way to change the text on the contact table header.

Instead of "Contacting ... "

Replace it with my own text.

?

Thanks

27/1/08 13:20  
Blogger buckminster said...

Hello again!

I've used this code to remove the contact table header, now how can I replace it with my own text or photo?

style
.contactTable .whitetext12{VISIBILITY:HIDDEN;}
/style

I saw a code like this:

div class="whitetext12" style="display:block;"
Your About Me label /div

It did'nt work.

Maybe you can make it work?


PS.. I left off the brackets because blogger is not allowing it.

28/1/08 18:08  
Anonymous Anonymous said...

this code does not work for firefox...

23/2/08 13:29  
Anonymous Jeremy said...

RE - first comment

You cannot replace the whitetext with your own - you would have to make a background on the td.text cell

table.contacttable td.text {background-image:url (URL);}

With that background image, you can place the text you want - there really isn't any other way.

29/4/08 14:50  
Anonymous Anonymous said...

Thanks to buckminster for the code to hide the contact table header! Useful!

3/6/08 13:56  
Blogger u∃∃l!∃ said...

thank you for helping people out on my blog. I often don't find the time to answer questions, and I really appreciate it when other people do this for me.

6/8/08 23:13  
Anonymous Conor Fahey said...

I was wondering if you knew how to make the contact buttons in the header in stead of in the table? Like this myspace
www.myspace.com/suicidesilence

21/8/08 20:56  
Anonymous Anonymous said...

i think they used special software to design that one. i'm not sure what software though, maybe you can do a web search for "custom myspace web design software" or something like that to see whats available.

22/8/08 16:23  
Anonymous Anonymous said...

hi there the contact table of www.myspace.com/suicidesilence is made by doing a sliced image in photoshop and then the slides areas (the buttons)have the linkage propreties to make the buttons work ...is not that dificult to make one like this and i think that anybody that wants a good looking contact links should consider this kind of solution.

I am trying a diferent aprouch that is to make small png images whithout bakground (transparent) in photoshop for all the buttons and i am trying to place them in the correct area in my page.

I have designed a backgound image whith the boxes for the buttons (the png images ive made) and i have this code im tryng to improve to place them .


www.myspace.com/unrealpt

this is one of my pages and here goes the code



style>
{adjust the TOP and MARGIN-LEFT to position it}
{z-index:9; position:absolute; left:50%; top:340px; margin-left:-450px;}
{background-color: ;}
/style>
div class>

imgsrc="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" border="0" />

/div>



-in the first xxxxxxxxxxxx area you put the links to the buttons of the contact table

and in the second area of xxxxxxxxxxxxxxxxxxx´s you put the url of the image you want to correspond to it

but i have a problem whith this that i am trying to solve but still no sucess .... after positioning the fisrt button i go and place the second one and then the position of the first one conflicts whith the second and then its impossible to make them move seperatly whithout afecting each other.

is there a way to make this code work whithout all the buttons affecting the posioning of them selfs like is a div style or something....

well if anyone knows how to help whoud be apreciated ...... cherrs

27/9/08 05:45  
Anonymous Anonymous said...

style>
{adjust the TOP and MARGIN-LEFT to position it}
{z-index:9; position:absolute; left:50%; top:340px; margin-left:-450px;}
{background-color: ;}
/style>
div class>
a href="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx">
img src="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" border="0" />/a>
/div>



sorry this is the code for above post

27/9/08 05:48  
Anonymous Evan said...

I have an issue..
When I hide the contact table on my band page, theres a small blue rectangle left afterwards, any idea how to get rid of it?
Thank you anyone in advance.

2/11/08 06:54  
Anonymous Anonymous said...

i'd like to know if it's possible to cut off some of the contact table.
to like shorten it or something.
so i can only view the links:

Send Message
Add to Friends


but none of the others.

18/11/08 10:20  
Blogger u∃∃l!∃ said...

Yes, I believe it is.
Because those two links are next to each other, it should work to clip off the rest of the table, leaving just the part you want.

If you switch to version 2, the contact table is already much smaller, I think it only has 3 of the links.

18/11/08 19:08  
Anonymous Anonymous said...

I have the background image okay, I don't have a problem with that.

I really need help in taking off the text.
The "ADD," "MESSAGE," "BLOCK," and all that stuff.
How can I make that invisible?

*I'm doing the layout for my friend, and I'm testing it on my MySpace.

27/12/08 18:55  
Blogger u∃∃l!∃ said...

If you are talking about myspace 1.0 the text is part of the image, that makes the link.

The best way to make it not visible, so your custom table shows through, is to turn it invisible using opacity.

Did the code, I give here, not work for you?

If it did not work, may I look at you page, to see why it is not working.

27/12/08 19:18  
Anonymous Anonymous said...

Hi,
I've put your contact table on my page but all I see is the background image, no text at all...

4/2/09 15:08  
Blogger adam said...

Hi I wanted to say I really appreciate you taking the time to post all these codes and help us out. Could you possibly give me instructions to create a custom contact table that goes under a myspace band page custom banner?

1/3/09 11:50  

Post a Comment

Due to Excessive Spam, I have turned on comment moderation.

Links to this post:

Create a Link

<< Home