Como poner un marco a las fotos a través del botón HTML

 

 

A continuación te presentaremos este truco de Spaces Live donde te explicaremos como poner un marco para las fotos personalizado en una entrada con código HTML. El marco será totalmente personalizado por cada uno, y aquí te enseñaremos un ejemplo de como hacerlo:

Para hacer este efecto de marco debemos entrar a Windows Live Spaces y en la sección personalizar debemos "agregar una nueva entrada" en el Space, cuando ya sepas donde has de agregar la imágen, solo debes copiar el código HTML que te darémos a continuación y pegarlo en la entrada que acabas de crear en MSN Spaces, pero antes debes clickear el botón de HTML que hay en la barra de edición que se encuentra arriba (barra superior de edición).

 

Ejemplo del código HTML para el marco de tu Espacio MSN es el siguiente:

<TABLE cellSpacing=0 bgColor=#663333 bordercolor="#00FF00" border=4> <TR>
<TD><img alt="Título de tu imágen" src="dirección de la imágen" ></TD>

</TR></TABLE>

(Copia, pega y edita este código en tu MSN Live Spaces).

Estos valores son personalizados, y puedes cambiar los colores para hacer el diseño más similar a tu MSN Spaces Live.
Para diseñar las propiedades del marco de tu Espacio Live debes cambiar los datos de cada variable dentro de las comillas, estos son los siguientes:

cellspacing = Debes cambiar el número por la separación que desees, si lo quieres junto debe ser 0 (de allí en adelante (por ejemplo cellSpacing=9 separará 9 pixeles).
bgColor = Este código es el color que tendrá el fondo del marco (este fondo se verá si el Cellspacing es mayor que 0). Te recomendamos que veas nuestros <a href="http://www.delmessenger.com/hacer-nick-colores/&quot; target="_blank">códigos de colores</a>.

bordercolor = Este código cambiará el color del borde, al igual que los colores para el fondo, pero para el borde.

border = Este número cambiará el grosor del borde de nuestro marco, cuanto más grande sea el número, mas grueso será el borde del marco, si utilizas 0, no se verá.

alt = Es el título de la imágen, este campo es opcional.

src = Aquí debes utilizar la ruta de la imágen, por ejemplo http://www.delmessenger.com/imagenes/delmessenger_chico.jpg

Todos estos valores se pueden modificar a gusto del usuario, aunque recomendamos realizar las modificaciones para que el marco quede acorde al diseño del Live Spaces que posees.

About these ads
  1. No trackbacks yet.

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

A %d blogueros les gusta esto: