Windows LiveWindows Live™
 
 
N -'s profile..::: N - Red@2 Live ...BlogListsGuestbook Tools Help

Blog
    September 08

    LINEAS O BARRAS SEPARADORAS ANIMADAS

     
    En cualquier entrada del blog de tu Space, en la que quieras incluir una barra de separación, haz clic en HTML y pega el código correspondiente al diseño que te guste:
     
     

    <center><img src="http://img252.imageshack.us/img252/7650/baravlv7.gif"></center>

      

    <center><img src=http://img441.imageshack.us/img441/9704/118ao7.gif></center>

       

    <center><img src="http://img255.imageshack.us/img255/7975/agval1divhearts6gs3.gif"></center>

        

    <center><img src="http://img213.imageshack.us/img213/7064/apajarifi1.gif"></center>

       

    <center><img src=http://img255.imageshack.us/img255/8799/apajarbp3.gif></center>

      

    <center><img src="http://img131.imageshack.us/img131/623/04fq4.gif"></center>

      

    <center><img src="http://img131.imageshack.us/img131/5718/aniheartwr9.gif"></center>

      

    <center><img src="http://img131.imageshack.us/img131/1559/baraxri0.gif"></center>

     

    <center><img src="http://img69.imageshack.us/img69/5575/linea12jw5.gif"></center>

      

    <center><img src="http://img204.imageshack.us/img204/9994/linea3po0.gif"></center>

      

    <center><img src="http://img69.imageshack.us/img69/2126/linea4ia5.gif"></center>

    <center><img src="http://img69.imageshack.us/img69/2073/linea016gw0.gif"></center>

    <center><img src="http://img267.imageshack.us/img267/9951/linea39yj9.gif"></center>

    <center><img src="http://img267.imageshack.us/img267/2144/linea73pw7.gif"></center>

    <center><img src="http://img182.imageshack.us/img182/9237/linea75wn5.gif"></center>

    <center><img src="http://img182.imageshack.us/img182/5940/linea201wb6.gif"></center>

     

     

    Otras webs donde puedes encontrar este tipo de barras separadoras:

    SEPARADORES 1

    SEPARADORES 2

    SEPARADORES 3

     

    El código para tu Space:

    <center><img src="URL DE LA BARRA"></center>

     

     

    8:14 PM | Add a comment | Read comments (2) | Permalink | View trackbacks (1) | Blog it
    September 07

    TEXTO EN DIFERENTES COLORES Y TAMAÑOS: CRAZY TEXT

     

    ¿Quieres un texto como este en tu Space?

     

    Para incluir textos como el anterior en tu Space, sin tener que estar cambiando de tamaño de fuente y color en cada letra, entra en:

    http://www.draac.com/crazytext.html

    Esta página es un generador on-line de textos.

     

    Escribe la frase o texto que quieras en el recuadro y pulsa en el botón "run the machine".

    Se abrirá una ventana en la que aparece la previsualización del texto. Ciérrala.

    Copia el código que se ha generado más abajo.

    Abre una entrada de tu Space, pulsa en HTML y pega el código.

    * Si quieres crear nuevos textos, sólo haz clic en "clear the machine" para limpiar el código y sigue el mismo proceso anterior.

     

    6:01 PM | Add a comment | Read comments (1) | Permalink | Blog it
    September 06

    LÍNEAS SEPARADORAS

     

    En cualquier entrada de tu Space en la que quieras incluir una línea separadora, haz clic en HTML y pega uno de los siguientes códigos:

     

      Si quieres que ocupe todo el ancho de la entrada:

     <HR align=center width="100%" color=#92D050 SIZE=6>

      Si quieres que ocupe un 50% del ancho:

     <HR align=center width="50%" color=#92D050 SIZE=6>

     

    Para poner otras medidas en las barras, cambia el porcentaje que está marcado en verde. (100%, 80%, 50%...). Y obtendrás diferentes tamaños de barras separadoras como los siguientes:

     


     

    Para cambiar el color de las líneas separadoras, modifica el código de 6 letras y números que aparece en rojo, por uno que te guste. Puedes ver los códigos que corresponden a cada color en esta tabla.

     

    12:34 AM | Add a comment | Permalink | Blog it
    September 05

    PROTEGER LAS IMÁGENES DEL BLOG

     
     
     
     
    Prueba a guardar la imagen anterior en tu pc. Verás que la imagen que se queda guardada no es la verdadera. Si quieres saber como realizar este pequeño truco para proteger las imágenes que coloques en las entradas del blog, sigue los pasos:
     
    En una entrada del blog, haz clic en HTML y pega el siguiente código:
     

    <DIV style="WIDTH: 300px; HEIGHT: 300px"><IMG style="FILTER: alpha(opacity=100, finishOpacity=0,style=0); WIDTH: 300px; HEIGHT: 300px" src="URL DE LA IMAGEN" align=right><IMG style="FILTER: alpha(opacity=0, finishOpacity=0,style=0); WIDTH: 300px; HEIGHT: 300px" src="URL DE CUALQUIER IMAGEN FALSA" align=right></DIV></DIV>

     
    Sustituye las letras en verde por las URL de las imágenes correspondientes.
     
    Si quieres ajustar el tamaño de la imagen porque queda deformada hazlo poniendo los mismos números en WIDTH (ancho). Asímismo, todos los HEIGHT (alto de la imagen) tendrán los mismos datos.
     
     Por último publica la entrada.
     

    9:02 PM | Add a comment | Read comments (4) | Permalink | View trackbacks (1) | Blog it
    September 04

    TEXTO DE COLORES: RAINBOW TEXT

     
     

    Texto de colores para tu Space

    Para conseguir textos como estos

    sigue los siguientes pasos:

     

     
    Entramos en el generador on-line de textos de colores:
     
     
     

    1.   Escribimos el texto que queramos en el recuadro.

    2.   Marcamos el esquema de color para el texto:

    plain = normal, flame = efecto fuego, scary = asustadizo, christmas (light) = navideño (claro), rainbow = arco iris, random = al azar, autumn = otoñal, christmas (dark) = navideño (oscuro).

    3.   Elige un diseño para el texto:

    Straight = normal, wavy = ondulado, alternating case = alternado

    4.   Utilizar una imagen en lugar de los espacios entre palabras. (Esta característica es opcional).

     5.   Clic en el botón "Make HTML code" para generar el código HTML del texto de colores. Para limpiar el código y poder generar otros diferentes haz clic en "Clear".

    6.   Haz clic en "Preview" para previsualizar el resultado. Si quieres poner un fondo de color al texto, introduce el código del color en la caja de texto que esta al lado de "background color".

    7.   Copia el código HTML generado para después usarlo en tu Space.

     

    Ahora abre una entrada en tu Space y pulsa en HTML. Pega el código que has copiado y vuelve a pulsar en HTML para ver como queda. Por último publica la entrada.

     

    11:02 PM | Add a comment | Read comments (1) | Permalink | View trackbacks (1) | Blog it

    TEXTO SOBRE UNA IMAGEN.

     
    Agrega una entrada en el blog.
     
    Haz clic en HTML y pega este código:
     
     

    <div align=center>
    <DIV style="WIDTH: 200px; HEIGHT: 200px" align=right>
    <IMG height="100%" src="URL DE LA IMAGEN" width="100%" align=right>
    <DIV align=center>
    <DIV style="FLOAT: right; WIDTH: 100%; HEIGHT: 100%" align=center>
    <P align=center><FONT face="Times New Roman">TU TEXTO AQUÍ</FONT> </P></DIV></DIV></DIV>
    </DIV>

     
     
    Modifica en el código:
     
    WIDHT: 200px (ancho de la imagen)
    HEIGHT: 200px (alto de la imagen)
     
    En rojo, sustituye la URL DE LA IMAGEN.
     
    En verde, cambia las letras TU TEXTO AQUÍ por el texto que quieras.
     
     
     

     

    PARA MODIFICAR EL TEXTO

    PUEDES HACERLO HACIENDO 2 CLIC

    SOBRE LA IMAGEN.

    PODRÁS CAMBIAR LOS COLORES,

    TAMAÑO, FUENTE...

     

    Por último publica la entrada.

     

    7:22 PM | Add a comment | Read comments (2) | Permalink | Blog it

    MINILOGOS ANIMADOS: BLINKIES

     
    Crea logos como estos para tu Space con el texto y colores que quieras:
     
     
     
     
     
     
    Es un generador on-line de este tipo de logos, muy fácil de usar.
     
    Primero escribe una frase o palabra (máximo 22 caracteres o letras).
     
    Elige una combinación de colores para el borde (blanco y negro, negro y amarillo, azul y blanco, verde y blanco, rosa y blanco)
     
    Background color: código del color de fondo del recuadro en el que va el texto.
     
    Text color: código del color del texto.
     
    Para generar el logo, haz clic en el botón "make your blinkie!".
     
    Verás el logo generado y un nuevo botón que ha aparecido. Si pulsas sobre él ("get link code!")se generará el código HTML para que puedas colocarlo en tu Space.
     
    Copialo (el primero de los códigos) y pegalo en un módulo HTML de tu Space o en una entrada (pulsando el botón HTML y pegando el código).
     
     
     
    Hasta aquí, es la forma más sencilla de hacerlo. Pero si te has fijado, el código HTML generado trae mucha publicidad acerca de esa web. Eso estéticamente en el Space puede no quedar bien. Para el que quiera colocar el blinkie sin publicidad, que continúe leyendo:
     
    Nos centraremos en el último paso, cuando hemos pulsado en "get link code!" y se ha generado el código.
     
    Nos quedaremos unicamente con la URL de la imagen. Fijate en esta foto:
     
     
     
    Ahora lo colocamos en el Space. Pegamos el siguiente código con la URL sustituida en un módulo HTML o bien en una entrada del blog (haciendo clic primero en HTML).
     
    El código para colocar imágenes es:
     

     <IMG src="URL del blinkie">

     
    Si queremos que quede centrada la imagen, el código será:
     

     <center><IMG src="URL del Blinkie"></center>

     
     

    1:49 PM | Add a comment | Permalink | Blog it
    September 03

    TEXTO QUE CAMBIA DE TAMAÑO

     

    ¿Quieres un texto como éste de una forma sencilla y rápida, sin tener que cambiar el tamaño de fuente letra por letra?

     

    Entra en la web: http://www.smiliz.fr/taille.php

     

    En el cuadro grande escribe el texto que quieres transformar.

    Taille min: escribe el número correspondiente al tamaño mínimo de las letras.

    Taille max: escribe el número correspondiente al tamaño máximo de las letras.

    Marca la opción "Aficher le code HTML".

    Para generar el código pulsa el botón "Créer".

     

    Copia el código que se ha generado un poco más arriba.

    En una entrada de tu Space, pulsa en HTML y pega el código.

     

    8:15 PM | Add a comment | Permalink | Blog it

    ENLACES CON IMÁGENES en tu Space

     
    Pega cualquiera de los siguientes códigos en un módulo HTML de tu Space, o bien en una entrada del blog: pulsas en el botón HTML y pegas el código.
     
     

     1. ENLACE QUE SE ABRE EN LA MISMA VENTANA:

    <a href="URL DEL ENLACE"><IMG src="URL DE LA IMAGEN" border=0></a>

    <a href="URL DEL ENLACE"><IMG src="URL DE LA IMAGEN" title="ALT TEXT" border=0></a>

     

     2. ENLACE QUE SE ABRE EN UNA VENTANA NUEVA:

    <a href="URL DEL ENLACE" target=_blank><IMG src="URL DE LA IMAGEN" border=0></a>

    <a href="URL DEL ENLACE" target=_blank><IMG src="URL DE LA IMAGEN" title="ALT TEXT" border=0></a>

     

     

     3. ENLACE A UNA PARTE DE LA PÁGINA:

     

    • ENLAZAR A LA PARTE SUPERIOR DE LA PÁGINA:

    <a href="URL DEL ENLACE/#top"><IMG src="URL DE LA IMAGEN" border=0></a>

    <a href="URL DEL ENLACE/#top"><IMG src="URL DE LA IMAGEN" title="ALT TEXT" border=0></a>

     

    • ENLAZAR A LA PARTE INFERIOR DE LA PÁGINA:

    <a href="URL DEL ENLACE/#final"><IMG src="URL DE LA IMAGEN" border=0></a>

    <a href="URL DEL ENLACE/#final"><IMG src="URL DE LA IMAGEN" title="ALT TEXT" border=0></a>

     

     

    4. ENLACE PARA QUE TE ENVÍEN UN CORREO:

    <a href=mailto:"CORREO"><IMG src="URL DE LA IMAGEN" border=0></a>

    <a href=mailto:"CORREO"><IMG src="URL DE LA IMAGEN" title="ALT TEXT" border=0></a>

      *NOTA: puedes generar una imagen con tu dirección de correo electrónico en esta web.

     

    Sustituye las letras de colores por los datos correspondientes:

     

    URL DEL ENLACE: dirección web de la página que vas a enlazar.

    URL DE LA IMAGEN: dirección web de la imagen en internet

    ALT TEXT: texto secundario que aparece al pasar el puntero del ratón por encima de la imagen.

    CORREO: dirección de correo electrónico.

    border=0  Corresponde al grosor del borde de la imagen que usamos como link. El valor 0 indica que no hay borde. Puedes cambiarlo por otro número para agregar un borde a la imagen.

     

    7:46 PM | Add a comment | Permalink | Blog it

    ENLACES DE TEXTO en los Spaces

     

    Pega cualquiera de los siguientes códigos en un módulo HTML de tu Space, o bien en una entrada del blog: pulsas en el botón HTML y pegas el código.

     

     1. ENLACE QUE SE ABRE EN LA MISMA VENTANA:

    <a href="URL DEL ENLACE">Texto del enlace</a>

    <a href="URL DEL ENLACE" title="ALT TEXT">Texto del enlace</a>

     

     

    2. ENLACE QUE SE ABRE EN UNA VENTANA NUEVA:

    <a href="URL DEL ENLACE" target=_blank>Texto del enlace</a>

    <a href="URL DEL ENLACE" target=_blank title="ALT TEXT">Texto del enlace</a>

     

     

     3. ENLACE A UNA PARTE DE LA PÁGINA:

     

    • ENLAZAR A LA PARTE SUPERIOR DE LA PÁGINA:

    <a href="URL DEL ENLACE/#top">Texto del enlace</A>

    <a href="URL DEL ENLACE/#top" title="ALT TEXT">Texto del enlace</A>

     

    • ENLAZAR A LA PARTE INFERIOR DE LA PÁGINA:

    <a href="URL DEL ENLACE/#final">Texto del enlace</A>

    <a href="URL DEL ENLACE/#final" title="ALT TEXT">Texto del enlace</A>

     

     

    4. ENLACE PARA QUE TE ENVÍEN UN CORREO:

    <a href=mailto:"CORREO">Texto del enlace</a>

    <a href=mailto:"CORREO" title="ALT TEXT">Texto del enlace</a>

     

     

    Sustituye las letras de colores por los datos correspondientes:

     

    URL DEL ENLACE: dirección web de la página que vas a enlazar.

    Texto del enlace: nombre del link.

    ALT TEXT: texto secundario que aparece al pasar el puntero del ratón por encima del enlace.

    CORREO: dirección de correo electrónico.

     

     

    7:14 PM | Add a comment | Permalink | Blog it

    EMOTICONOS CON MENSAJE PERSONALIZADO

     
     
     
    Elegimos un diseño para nuestro icono y vamos a la parte inferior.
     
    Escribimos un mensaje corto en la caja de texto. 
     
    Tecleamos el código hexadecimal que corresponderá al color de las letras de nuestro texto (text color). Si no sabemos los códigos que corresponden a cada color, podemos fijarnos en esta TABLA DE COLORES.
     
    Por último marcamos el tipo de fuente y su tamaño.
     
    Para generar el emoticono hacemos clic en el botón: "enter a short message".
     
     
    Podemos guardar el emoticono en nuestro pc, o directamente conseguir la URL de nuestro icono ya subido a internet. Para ello marcamos la casilla "Save image and create link?"
     
    Nos aparecerán varios códigos. Nos fijamos en el que pone HTML y lo copiamos.
     
    Ahora lo pegamos en un módulo HTML del Space, o bien, en una entrada del blog: abrimos la entrada, hacemos clic en HTML, pegamos el código y la publicamos.
     
     
    El resultado final será este:

     

    6:00 PM | Add a comment | Read comments (1) | Permalink | Blog it

    MININAVEGADOR en tu Space

     
    Pega el siguiente código en un módulo HTML de tu Space, o bien, abre una entrada, pulsa en HTML, pégalo y publica la entrada.
     
     

    <P align=center><A title="Ir a la página principal" href="http://NOMBREDTUSPACE.spaces.live.com/">Inicio</A> | <A title="Ver detalles del perfil" href="http://NOMBREDTUSPACE.spaces.live.com/default.aspx?_c01_MemberProfileTile=showdefault&_c=MemberProfileTile">Perfil</A> | <A title="Ver blog" href="http://NOMBREDTUSPACE.spaces.live.com/PersonalSpace.aspx?_c01_blogpart=blogmgmt&amp;_c=blogpart">Blog</A> | <A title="Ver álbum de fotos" href="http://NOMBREDTUSPACE.spaces.live.com/photos/">Fotos</A> | <A title="Ver listas" href="http://NOMBREDTUSPACE.spaces.live.com/lists">Listas</A> | <A title="Ver lista de música" href="http://NOMBREDTUSPACE.spaces.live.com/music">Musica</A> | <A title="Ver libro de visitas" href="http://NOMBREDTUSPACE.spaces.live.com/guestbook">Libro de visitas</A> | <A title="Ver fuente RSS" href="http://NOMBREDTUSPACE.spaces.live.com/feed.rss">Fuente RSS</A></P>

    Ahora tus visitantes podrán navegar por los distintos módulos de tu Space fácilmente.

    El resultado del navegador será este:

    Inicio | Perfil | Blog | Fotos | Listas | Musica | Libro de visitas | Fuente RSS

     

    5:14 PM | Add a comment | Permalink | Blog it

    CUADRO CON LA FECHA

     
    Pega uno de los siguientes códigos en un módulo HTML o bien en una entrada del blog, pulsando antes en HTML:
     

     

    <TABLE align=center cellPadding=4 bgColor=#00ff00 border=2>
    <TBODY>
    <TR>
    <TD>    <IMG src="http://escati.linkopp.net/cgi-bin/date.cgi?trgb=000000&amp;srgb=00ff00&amp;prgb=221100&amp;timezone=GMT+0100" border=0></A></TD></TR></TBODY></TABLE>

     

     GTM+0100 es la zona horaria. Si estás en España no lo cambies. Si resides en otro país, puedes ver en la siguiente página cual es tu zona horaria:

    http://www.centroapuesta.com/zonas_horarias/index.html

     

    4:27 PM | Add a comment | Permalink | Blog it

    CUADRO TIPO PIZARRA CON TEXTO EN SU INTERIOR

     
    ¿Quieres un cuadro como este?
     

     

     

    NREDA2 LIVE

    /  /　/　/　/　██

     
    Agrega una entrada y haz clic en HTML.
     
    Pega el siguiente código:
     

    <DIV align=center>
    <DIV style="BORDER-RIGHT: #cc9900 6px ridge; BORDER-TOP: #cc9900 6px ridge; FONT-SIZE: 9pt; Z-INDEX: 1; LEFT: 10px; OVERFLOW: visible; BORDER-LEFT: #cc9900 6px outset; WIDTH: 356px; LINE-HEIGHT: 10pt; BORDER-BOTTOM: #cc9900 6px inset; TOP: 296px; HEIGHT: 203px; BACKGROUND-COLOR: #336600" align=left>
    <P align=center>TEXTO</P></DIV></DIV>
    <DIV align=center>
    <DIV style="BORDER-RIGHT: #cc9900 6px ridge; BORDER-TOP: #cc9900 0px ridge; Z-INDEX: 1; LEFT: 9px; BORDER-LEFT: #cc9900 6px outset; WIDTH: 356px; BORDER-BOTTOM: #cc9900 6px ridge; TOP: 423px; HEIGHT: 25px; BACKGROUND-COLOR: #996633" align=left>
    <P align=center><B><FONT color=#99ccff>/&nbsp; </FONT><FONT color=#ffffff>/　</FONT><FONT color=#ff99ff>/　</FONT><FONT color=#ffff00>/　</FONT></B><FONT color=#c2ff86><B>/　</B></FONT><FONT color=#99ccff><B></B></FONT><FONT color=#663300>██</FONT></FONT></P></DIV></DIV>

     
    Sustituye las letras en verde por el texto que quieras.
     
    Por último publica la entrada.
     
     
    * NOTA: Para editar el texto de la pizarra también puedes hacerlo haciendo clic 2 veces sobre ella (2 veces no seguidas) y verás que empieza a parpadear el cursor. Escribe lo que quieras, modifica los colores, tamaño y tipo de fuente.
     
     
    4:10 PM | Add a comment | Permalink | Blog it