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
17 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.
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
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
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.
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.
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.
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.
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.
Hi,
I've put your contact table on my page but all I see is the background image, no text at all...
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?
Post a Comment
Due to Excessive Spam, I have turned on comment moderation.
Links to this post:
Create a Link
<< Home