* *CONTACT TABLES* *

MAKE YOUR OWN CONTACT TABLE

There are many different websites offering ready made contact tables to personalise your website. These are all cool, but what is even cooler is a contact table with your own picture! It is even possible to make your own contact table animated! To make a contact table sucessfully you need a basic understanding of a software like Photoshop [or Image Ready if you want to make your contact table animated]. You also need to have the finished contact table online somewhere. Check here if you need some instructions.

In order to create your own contact table, you must be able to get your hands on a copy of Photoshop or a similar image editor. With this software, you need to create an image 300 pixels wide x 150 pixels high. This is the standard myspace contact table size. So for example and image like one of these:

choose something to reflect your personality!

If you are using photoshop, download this Photoshop template here. Once you have the template opened in photoshop, making the contact table is really easy. Have your image also open in photoshop and just drag it onto the background of the ContactTemplate.psd file. If you want to change the fonts etc, go for it.The words "Add Me" etc have to be in the same place as the examples or when someone is checking out your profile, and their mouse is over "Send Message" or something, they won't be able to navigate the contact table properly. Once you are finished designing your contact table, save it as a .jpg or .gif and upload it to some host space. You could try something like the service http://www.photobucket.com [try our tut on inserting photos if this makes no sense first] but where ever you put it online, make sure you remember the URL - for example "http://www.somewebsite.com/contacttable.jpg" you will need it for the code to copy and paste into your myspace profile.

If you are not using photoshop, you will have to try eyeballing your design from looking at the screenshot example of a ontact table in photoshop with pixel measurements. Maybe you can do something with that. As above, the words "Add Me" etc have to be in the same place as the examples or when someone is checking out your profile, and their mouse is over "Send Message" or something, they won't be able to navigate the contact table properly. It will be tougher for people without photoshop.

either work out the measurements, or try downloading the gif on the right and making something.

So you have finished your personalised contact table! WOOT! Here is the code you will need to copy in anywhere on your myspace profile, like in the "About Me" or "Television". If you have copied the code exactly, and remembered to change the URL to your image, it should work perfectly.

this is the code you need to paste into your profile:
<style type="text/css"> .contactTable {width:300px !important; height:150px !important; background-image:url("http://www.yourwebsiteurl.com/contacttable.jpg"); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px !important;} .contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable .text {font-size:1px !important;} </style>

IMPORTANT: Remember when pasting this script to your profile you need to put the exact URL of your uploaded contact table in place of "http://www.yourwebsiteurl.com/contacttable.jpg" or this code will not work. The URL in this code is just and example.

some examples of completed contacted tables.
The one on the left is from myspace.com/storagang and the one on the right is from myspace.com/rabato

Free Code Source - here is a nice selection of ready made contact tables with the code ready to copy. Remember thought that any code you copy straight off another site will make an ad appear somewhere on your myspace page.