CODIGOS HTML 6

Texto dentro de cajas de colores
Modificar el código a vuestro gusto.

WIDTH = Con la propiedad width se puede definir la anchura.

BORDER = Con la propiedad border se puede definir la anchura del borde.

BGCOLOR = Con la propiedad bgcolor se puede definir el color.

Bienvend@ a mi web

Gracias por su visita

Diseños,códigos HTML,CSS,Javascript,generadores de códigos...

También podras encontrar Juegos,música,Automoción,electrónica,cursos,reparar móviles,Pc y videoconsolas,
wallpapers, podras liberar tú Móvil GRATIS y Mucho mas...

DEJA TÚ COMENTARIO,TÚ COMENTARIO DA ÁNIMOS PARA CONTINUAR MEJORANDO NUESTRA WEB

Código cajas de colores

Código para añadir otra caja de texto con movimiento

Bienvend@ a mi web

Código para añadir otra caja de texto sin movimiento

Gracias por su visita

Qué tengas un buen día!

!!!!

Imágenes Flotando en lado izquierdo

Imágenes Flotando en lado derecho

Cambiar el color del fondo

<a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23ff0000'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" _fcksavedurl="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TTX4H60I/AAAAAAAAAJU/qYc4BYZclgg/s200/body-rojo.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23fff000'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" _fcksavedurl="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TK7730eI/AAAAAAAAAIs/3v5O2GDrs1s/s200/body-amarillo.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%2304B404'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" _fcksavedurl="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TTyfDggI/AAAAAAAAAJk/9x17-Ec7Dnw/s200/body-verde.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%230080FF'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" _fcksavedurl="http://4.bp.blogspot.com/_dsEG33PDaHw/S32TLXeztWI/AAAAAAAAAI0/7hWfrfWsdKU/s200/body-azul.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23CC00FF'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" _fcksavedurl="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMB5SOXI/AAAAAAAAAJE/PRMfKVBj6fM/s200/body-morado.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23F781BE'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" _fcksavedurl="http://1.bp.blogspot.com/_dsEG33PDaHw/S32TTl7vW9I/AAAAAAAAAJc/GHdXgYyF4Ro/s200/body-rosa.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23000000'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" _fcksavedurl="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TMY3FA9I/AAAAAAAAAJM/6Hx0CAagVOQ/s200/body-negro.png" alt="" /></a><br /> <a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22javascript%3Adocument.body.style.backgroundColor%3D'%23FFFFFF'%3B%20document.body.style.backgroundImage%3D'none'%3B%22"><img src="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" _fcksavedurl="http://2.bp.blogspot.com/_dsEG33PDaHw/S32TLuZ0f1I/AAAAAAAAAI8/r1AHB4GpoPQ/s200/body-blanco.png" alt="" /></a><br /> <br />

Textos superpuestos
GRACIAS POR TÚ VISITA
BIENVENID@S A MI PÁGINA

Cuadro explicativos de los enlaces

Opciones.

TEXTO QUE SEÑALA PARA QUE SALGA LA EXPLICACION
TEXTO QUE SEÑALA PARA QUE SALGA LA EXPLICACION
TEXTO QUE SEÑALA PARA QUE SALGA LA EXPLICACION

<script language="JavaScript"></script> <p> </p> <table border="0">     <tbody>         <tr>             <td width="200">             <p align="center"><strong>Opciones.</strong></p>             <p><a href="http:url de tu pagina.com" _fcksavedurl="http:url de tu pagina.com" onmouseover_fckprotectedatt="%20onmouseover%3D%22escribe('OPCION%20QUE%20APARECE%5C%20----------------%5C%5C%20EXPLICACION%20QUE%20SALDRA%20AL%20SE%26Ntilde%3BALAR')%3B%22">TEXTO QUE SEÑALA PARA QUE SALGA LA EXPLICACION</a><br />             <a href="http:url de tú página.com" _fcksavedurl="http:url de tú página.com" onmouseover_fckprotectedatt="%20onmouseover%3D%22escribe('OPCION%20QUE%20APARECE%5C%20-----------%5C%5C%20EXPLICACION%20QUE%20SALDRA%20AL%20SE%26Ntilde%3BALAR')%3B%22">TEXTO QUE SEÑALA PARA QUE SALGA LA EXPLICACION</a><br />             <a href="http:url de tu pagina.com" _fcksavedurl="http:url de tu pagina.com" onmouseover_fckprotectedatt="%20onmouseover%3D%22escribe('OPCION%20QUE%20APARECE%5C%20--------------%20%5C%5C%20EXPLICACION%20QUE%20SALDRA%20AL%20SE%26Ntilde%3BALAR.')%3B%22">TEXTO QUE SEÑALA PARA QUE SALGA LA EXPLICACION</a></p>             </td>             <td>             <form name="desplaza">                 <p><textarea name="cuadro" rows="8" cols="30" wrap="physical">

Botón sencillo

Expandir

Haz click en el título para expandir la información

<script type="text/javascript">
//Ocultar/Mostrar Div's
OCULTO="none";
VISIBLE="block";
  function mostrar1(blo) {
    document.getElementById(blo).style.display=VISIBLE;
    document.getElementById('ver_off1').style.display=VISIBLE;
    document.getElementById('ver_on1').style.display=OCULTO;
    }
  function ocultar1(blo) {
    document.getElementById(blo).style.display=OCULTO;
    document.getElementById('ver_off1').style.display=OCULTO;
    document.getElementById('ver_on1').style.display=VISIBLE;
    }
</script> <div id="ver_on1"> <h1 id="titu"><a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22mostrar1('bloque1')%22" title="Expandir info">Expandir</a></h1> <p class="copete">Haz click en el título para expandir la información</p> </div> <div id="ver_off1" style="display: none"> <h1><a href="#" _fcksavedurl="#" onclick_fckprotectedatt="%20onclick%3D%22ocultar1('bloque1')%22" title="Cerrar info">Contraer</a></h1> </div> <div id="bloque1" style="display: none"> <p id="txt">Texto oculto AQUÍ</p> </div>

Mostrar Ocultar

Bienvenid@s a mi web
Gracias por su visita

Hola	Amig@
Bienvenid@	Que tengas un buen día

Hola	Amig@
Bienvenid@	Que tengas un buen día

		Esta es la celda de la 1ª fila y de la 1ª columna	Esta es de la 1ª fila y de la 2ª columna

«Anterior
6
2
3
4
5
Siguiente »

Hoy habia 109 visitantes (137 clics a subpáginas) ¡Aqui en esta página!

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis