Contact
Table.

Pegamos el screenshot en nuestro programa Ctrl V. Y Cropeamos tan solo la tabla. Hay que ser muy precisos, nos tiene que quedar así:

Esta sera la plantilla para crear nuestra nueva tabla. ¿Por qué? Porque todos los links están preestablecidos. (Para facilitarles el trabajo pueden usar esta misma (^-^)

Como esta es la platilla, en photoshop o PSP vamos a crear una nueva capa o las necesarias para crear nuestra tabla. Los nombres de los links te ayudarán a guiarte para saber donde quedarán los links, y además te proporciona las medidas exactas del gráfico.

Vamos a la capa(layer) 1.

Lo primero es que vamos a colocar líneas guía.

Ahora podemos comenzar con nuestro diseño las líneas guía te sirven por sí tienes que ocultar la plantilla o por si no puedes ver las letras cuando ya hayas cubierto la capa de arriba.

De aquí pa'lante lo van a diseñan como gusten. Pueden dejarla simple y solo escribir el texto, o poner alguna imagen.

Ahora solo mostraré como agregan el texto. Escogen el font que mas les guste, con una medida de mas o menos 18 puntos. Puede variar dependiendo del font. Utilizando las líneas guía escribimos sobre ellas lo que queramos que dice nuestra tabla.

Cuando esté lista, unen las capas(merge) y la salvan(jpg,png,bmp,gif).

Y la suben a un hosting tiny pic o image shack.

Ahora el código para pegarla en su myspace es este.

<style type="text/css">.contactTable {width:300px !important; height:120px !important; background-image:url("Este sería el link de su imagen"); 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><br/>