sábado, 5 de mayo de 2012

TEXTOS DENTRO DE CAJITAS

Vamos a aprender a modificar este codigo a nuestro gusto y nos quedara algo mas original y bonito, que es de lo que se trata. Asi que vamos a hacer de un simple codigo, uno algo mas complejo y vistoso. Os pondré también el codigo para que al pinchar en la cajita nos lleve a otra pagina o a otra web

 COSAS INTERESANTES PARA TU WEB

<table width="000" border="1" bgcolor="#FFCCFF">
    <tr>
        <td>
            COSAS INTERESANTES PARA TU WEB
        </td>
    </tr>
</table>

Primer paso

Ahora voy a modificar el codigo de manera que se quede a mi gusto, no solo voy a cambiar el texto y el color, sino que voy a añadirle mas cajitas con texto para eso hago lo siguiente.
Copio el codigo original y lo pego debajo del que acabo de poner, y le modifico el texto el color y esta vez tambien el tamaño.
 

<table width="000" border="1" bgcolor="#FFCCFF">
    <tr>
        <td>
            COSAS INTERESANTES PARA TU WEB
        </td>
    </tr>
</table>
<table width="400" border="1" bgcolor="#FFCC33">
    <tr>
        <td>
            TRUCOS, PROGRAMAS, CODIGOS, AYUDA ON-LINE...
        </td>
    </tr>
</table>

Segundo paso

Podemos añadir todas las lineas que queramos, y cambiar el tamaño el texto y el color.
Pero ¿por que no hacemos que en algunas cajitas el texto aparezca en movimiento....?
Vamos a ello.
Para los que leis mi web habitualmente ya sabeis como se pone un codigo con texto en movimiento, es tan sencilo como  poner el texto dentro de las etiquetas <marquee></marquee>, que es lo que voy a hacer ahora con el texto de el codigo, al que quiero que se mueva le pongo delante y detras( de mi texto) <marquee>.
            <marquee>DALE AL BOTON DE ME GUSTA, ME ANIMA A CONTINUAR TRABAJANDO, PARA MEJORAR NUESTRAS WEB</marquee>
Acuerdate que todo el texto que metas entre esas etiquetas saldra en movimiento.
Asi el resultado final de mi codigo seria este..

Resultado final

PARTICIPA EN MI WEB
TRUCOS, PROGRAMAS, CODIGOS, AYUDA ON-LINE...
PARTICIPA EN MI WEB PARA OBTENER TU BANNER O FONDO PERSONIFICADO
DALE AL BOTON DE ME GUSTA, ME ANIMA A CONTINUAR TRABAJANDO, PARA MEJORAR NUESTRAS WEB
GRACIAS POR TU VISITA

Codigo

<table width="200" border="1" bgcolor="#FFCCFF">
    <tr>
        <td>
            <marquee>PARTICIPA EN MI WEB</marquee>
        </td>
    </tr>
</table>
<table width="400" border="1" bgcolor="#FFCC33">
    <tr>
        <td>
            TRUCOS, PROGRAMAS, CODIGOS, AYUDA ON-LINE...
        </td>
    </tr>
</table>
<table width="600" border="1" bgcolor="#99CC33">
    <tr>
        <td>
            PARTICIPA EN MI WEB PARA OBTENER TU BANNER O FONDO PERSONIFICADO
        </td>
    </tr>
</table>
<table width="800" border="1" bgcolor="#CEE3F6">
    <tr>
        <td>
            <marquee>DALE AL BOTON DE ME GUSTA, ME ANIMA A CONTINUAR TRABAJANDO, PARA MEJORAR NUESTRAS WEB</marquee>
        </td>
    </tr>
</table>
<table width="400" border="1" bgcolor="#CC99FF">
    <tr>
        <td>
            GRACIAS POR TU VISITA
        </td>
    </tr>
</table>
Ahora le vamos a añadir un enlace, para hacer que al pinchar en la cajita, podamos desplazarmos a doferentes paginas, vamos a ello
Vamos a añadir una linea al codigo que nos haga crear un enlace.
<a href="AQUI LA URL DE LA IMAGEN"></a>
Las direcciones url empiezan con http:// y luego el nombre de la pagina, se pueden ver en la parte de arriba del navegador, en tu web Jimdo debes copiarla cuando estes en Vista Previa o con la sesion cerrada, si la copias y la pegas cuando estas editando la web los enlaces no funcionaran. 

 CODIGO DE CAJITA CON ENLACE

<table width="170" border="1" bgcolor="#FFCC33">
<tr>
<td>
<a href="Aqui la url de la pagina"><marquee>AQUI EL TITULO</marquee></a>
</td>
</tr>
</table>


No hay comentarios:

Publicar un comentario