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 profileCustom 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 profileHide/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: myspace contact contactTable
8 Comments:
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
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.
this code does not work for firefox...
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.
Thanks to buckminster for the code to hide the contact table header! Useful!
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.
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
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.
Post a Comment
Links to this post:
Create a Link
<< Home