|
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/" 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.
Efecto transparencia para las imagenes de Live Spaces
En este truco vamos a explicar cómo conseguir un efecto transparente en las imágenes que agreguemos en cualquier entrada de nuestro Live Spaces con un código HTML.
La imágen no necesita ser de algún formato en especial (jpg, gif, png, bmp), aunque el único problema, es que este truco solo puede ser visto en Internet Explorer y no en otros navegadores como Firefox por ejemplo:
Para conseguir este efecto de transparencia en las imágenes para las entradas del Live Spaces tan sólo debes situarte en tu Windows Live Spaces en la sección "personalizar" y allí agregar una nueva entrada, debes saber donde agregar la imágen (donde situarla) clickeando el botón HTML de la barra superior de edición y copiar y pegar el siguiente código en el lugar que has elegido:
<DIV style="FILTER: Alpha(opacity=95,finishOpacity=20,style=3); HEIGHT: 354px" ><IMG src="Dirección de la imágen" border=1></DIV>
Los siguientes valores se pueden modificar para adecuarlo al estilo que quieres para tu Espacio MSN:
opacity = Es la cantidad de opacidad con la cual comienza.
finishopacity = En cuanto termina la opacidad, por ejemplo en el valor 0 la imágen no se vería, ya que sería una imágen transparente en su totalidad.
style = Con style puedes optar entre 4 tipos de efectos, los números varían entre 0 y 3 (0,1,2,3), lo más recomendable es probar con estos números e ir buscando el efecto que más te agrade a la vista.
height: Es el ancho donde se sitúa la imágen.
border = Es el grosor de nuestra imágen por ejemplo, 0 no tendrá ningún borde y 1 tendría borde de tamaño 1 pixel.
src = Es la ruta url donde se encuentra la imágen que queremos hacer transparente, comienza con http://
Estos valores son totalmente modificables, y puedes usarlo para darle un efecto más personalizado y moderlo al diseño deseado para tu blog o espacio, este tipo de código puede ser también aplicado en un sitio web.
Cómo poner una canción o video en Windows Live Spaces (musica o videos en MSN Spaces)
Al poner un video en tu espacio de Windows Live Spaces conseguirás hacer tu blog más llamativo y moderno, permitiendo a tus amigos y visitantes ver y oir videos. Queda en tu imaginación elegir qué videos poner: musicales, de humor, caseros, etc… pero ten cuidado de cumplir las normas de Spaces: no estan permitidos videos que hagan apología a la violencia, xenófogos, pornográficos…
Para poner un video en Spaces deberás seguir los siguientes pasos:
Primero debemos instalar el módulo de Windows Media: Powertoy.
Con Windows Media Powertoy podrás agregar un módulo con windows media player integrado, para que poner vídeos en tu live spaces (o MSN Spaces), o música en MSN Spaces (o live spaces): en tu blog MSN Spaces. Con Windows Media Power toy podrás elegir que se ve al entrar en tu espacio de forma automática o que empiece cuando el visitante pulse un botón de reproducir. Con Windows Media Powertoy también podrás elegir si quieres repetir una canción o video cuando se haya terminado de reproducir o si deseas que la música o el video o canción comience a reproducirse en un momento determinado (como por ejemplo en el minuto 3 un video que dura 10 minutos).
Utilizarlo es simple, solo debes indicar la dirección URL donde está alojado el archivo que quieres reproducir y luego personalizar si quieres que se repita, que se inicie automáticamente, etc.
Para desbloquear este modulo secreto de MSN Spaces (Windows Live Spaces) debes hacer el siguiente "truco":
1. Primero inicia la sesión en Windows Live Spaces y dirígete a la sección de editar tu blog. Puedes darte cuenta que estás en la sección de edición porque en la parte superior derecha, debajo del botón de "cerrar sesión" aparece un enlace que dice: "vista previa de mi espacio".
2. Agrega a la dirección URL que aparece en la barra de direcciones el siguiente texto sin las comillas “&powertoy=musicvideo” al final de la URL.
3. Pulsa enter de tu teclado o el boton IR que está a la derecha de la dirección que acabas de editar en tu navegador web. La página se volverá a recargar aparentemente sin ningún cambio.
4. Ahora debes hacer clic en PERSONALIZAR —> MODULOS —> OTROS y podrás ver que se ha desbloqueado el nuevo módulo llamado PowerToy: Windows Media Player. Debes leer cuidadosamente la lista de módulos, porque si has seguido correctamente los pasos debería verse. Si no puedes verlo, vuelve a realizar todos los pasos de cero y detenidamente.
Luego solo clickeamos en el con doble clic y así ya lo tendremos agregado a nuestra.
5. Para finalizar, pulsa el botón "AGREGAR" y luego en el boton "GUARDAR" para que quede cargado el módulo por siempre.
En el caso de que queramos agregar un video es similar el procedimiento, en delmessenger.com vamos a detallarte los pasos posteriores a la instalación del módulo secreto de Spaces Windows Media Powertoy:
Luego de haber instalado este módulo, lo que debemos hacer es indicar la dirección donde se encuentra almacenado el vídeo que queremos poner en nuestro espacio rellenando el campo “URL”. Los formatos permitidos son avi, wmv, mpg, asf, mpge, y swf (animaciones flash, lo que permitirá agregar más interacción a nuestro Space MSN). Debes tener en cuenta que cuanto más pesado sea el archivo más demorará en cargarse y más lento navegarán tu tus visitantes el espacio. Es importante que sepas que pones algún archivo con una extensión no permitida no se guardarán los cambios.
Ahora debemos rellenar el resto de parámetros del módulo de Windows media player:
“Position in sec”: muestra la posición (en segundos) donde quieres que comience un video. Si lo ponemos a 0 empezará desde el principio.
“Times to play”: es el número de veces que quieres que se repita el video. Es bueno poner un número bajo, ya que puede ser algo tedioso para tus visitantes escuchar una canción o ver un video una y otra vez.
“Rate to play”: indica la velocidad de reproducción. Puedes poner que vaya más deprisa o cámara lenta. El valor por defecto es de 1 = reproduce a velocidad normal.
“Auto Start”: esta opción debe estar marcada para iniciar el video o la musica automáticamente.
“Display Mode”: indica el modo en que quieres que se muestre el reproductor de Windows media en tu blog:
i. “Invisible”: no se muestra. Puede ser util para canciones, pero si cargas un video en este modo no se verá, sólo se oirá el sonido si es que lo tiene.
ii. “None”: muestra el video "tal como es" sin el marco y los botones del reproductor Windows media player.
iii. “Mini”: muestra el reproductor Windows media player en pequeño con los botones básicos de iniciar, detener, pausar y el tiempo transcurrido de la reproducción. No se ve la máscara (skin)
iv. “Full”: muestra el reproductor Windows media player completo y con máscara (skin).
Recomendamos usar el modo Mini o Full para que tus amigos puedan pulsar “reproducir” y ver el video cuantas veces quieran.
“Right clicks menus”: permite hacer clic con el botón derecho sobre nuestro video y mostrar un menú si se marca esta opción.
Una vez configurado todo pulsaremos “Save” para guardar los cambios.
Si has seguido los pasos correctamente, al visitar tu espacio tus amigos verán el video que hayas puesto. Recuerda que cuanto más ocupe el fichero de video más tarde empezará a reproducirse. Lo ideal es no pasar de 300 Kb de peso.
¡Te invitamos a crear una estación de radio en tu Espacio MSN!
Al poner una emisora en tu espacio de Windows Live Spaces lograrás hacer tu blog o bitácora más llamativa y moderna, permitiendo a tus visitantes y amigos oir canciones o simplemente tu emisora de radio favoríta. Queda en tu imaginación elegir qué tipo de emisora poner: música, deportes, cultura, etc… pero ten cuidado de cumplir las normas de Spaces: al igual que otros contenidos, están totalmente prohibidas emisoras que fomenten o hagan apología a la violencia, xenófogos, pornográficos, etc.
Poner efecto onda a imágenes en MSN Spaces o Windows Live Spaces
En este truco de MSN, Windows Live Spaces pasaremos a explicar, cómo conseguir poner un efecto ondulado o de ondas a cualquier imágen que agreguemos en una entrada de nuestro Windows Live Spaces solo con usar código HTML. Esta imagen no requiere que sea de ningún tipo en particular, el único inconveniente que tiene este truco (al igual que muchos otros) es que solo se podrá visualizar con el navegador Internet Explorer, un ejemplo de lo que conseguiremos es el siguiente:
Para conseguir este truco de Spaces en las imagenes tan sólo deberemos irnos a nuestro Windows Live Spaces a la sección personalizar y agregaremos una nueva entrada. Cuando sepamos donde vamos a insertar la imagen tan sólo deberemos copiar el siguiente código y pegarlo en nuestra entrada, pero previamente pinchando el botón de HTML que tendremos en la barra superior de edición:
<DIV style="FILTER: Wave(freq=30,strength=5,lightstrength=1,phase=0); HEIGHT: 0"><IMG src="Dirección URL de la imágen " border=0></DIV>
Valores que pueden ser modificados:
freq = Es el n úmero de ondulaciones (o frecuencia) que tendrá nuestra imágen a menor la onda será más suave, cuanto mayor sea el número habrá más ondas.
strength = Cuanto mayor sea este número más pronunciadas serán las ondas.
lightstrength = El relieve de la onda, a mayor númnero el relieve será más pronunciado.
phase = El porcentaje de donde queremos empezar nuestas ondas.
border= Grosor de nuestra imagen si dejamos 0 no tendrá ningún borde.
src = Dirección URL o ruta donde se encuentra nuestra imagen del tipo http://
Todos los valores dados anteriormente pueden ser modificados para conseguir un efecto más personalizado a nuestro Spaces o al diseño deseado. Es recomendable crear adaptándolo al diseño que utilizas en tu Espacio MSN. |