PLEASE do NOT strip my credits out of your code. They are harmless. Unlike most sites, My credits do NOT show up on your visible page, there is no reason to remove them. If you make a derivative of my work, you may add your own credits, but leave mine in tact.

I apologize for being less attentive to people's questions than in the past. I hope to return to doing this at some time. But for now I need to think about what I want to do. This doesn't mean I am completely ignoring all questions, if I suspect there might be a bug in my code, or myspace has made some change effecting it, I will still dig in and research.

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:

8 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  

Post a Comment

Links to this post:

Create a Link

<< Home