In order to create your own contact table, you must be able to get your hands on a copy of Photoshop. It doesn't matter what version. I would suppose that you could use another program other than Photoshop, i.e. Paintshop Pro, but it seems as though Photoshop will work the best.
If you don't have Photoshop or any other type of advanced image editor, you could possibly use Microsoft Paint, using the dimensions of 300 x 150 pixels. Doing this though will require you eye-balling where the links of the contact table need to go.
Ok, to continue on with the tutorial you need to first start by downloading this Photoshop template:
http://www.modmyspace.com/tutorials/contacttables/ContactTemplate.psd
If you're not using Photoshop, you can save this image:
Now that you have the template, it's smooth sailing from here. You're next task is finding an image that you'd like to use for your background of the contact table. In my example, I'm going to be using an image of a sunset sky.
Now, you just need to copy your picture you want to use, and then go back into Photoshop. You'll want to select Layer 1 and then paste the picture. Depending on the size of your picture, the whole picture may be displayed in the contact table, or only part of it may be displayed. Either way, more than likely you'll now have to do some adjusting with the size of your pasted picture. In Photoshop, the easiest way to accomplish adjusting the size of your picture is using the Scale tool. Be sure that the layer (probably Layer 2) which you pasted your picture into is selected and go up to the Edit Menu, select Transform and then Click on Scale. Now you can adjust the size of your picture and move it around to where you like it in your contact table. You should turn out with a product similar to what is shown below:
If you'd like, you can go ahead and change the font styles and the other effects of the text. Once you're satisfied with your contact table you need to save it, and then upload it to some host. From there you will need to get the address to your contact table image and then paste the following code anywhere in your profile, being sure the replace "http://www.website.com/contacttable.jpg" with the actual address of your own contact table.
Code:
<style type="text/css"> .contactTable {width:300px !important; height:150px !important; background-image:url("
http://www.website.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>
And that's it! Have fun creating your own contact table(s)!
