Nacho32off

Tutorialesespecificos

Codigos HTML 1

                                       IMAGEN DE FONDO:
Con este codigo podras poner un fondo en tu web que no se mueva solo pega el URL de la imagen y pegalo en texto por encima de la pagina.

<style>
body
{
background-image: url(aqui url de la imagen);
background-repeat: no-repeat;
background-attachment: fixed
}
</style>
 

                                                      
                        CAMARA DE VIGILANCIA:
Con este codigo te aparecera una camara de vigilancia en la esquina superior de la derecha solo copia este codigo y pegalo en texto por debajo de la pagina.

<div style="text-align: center;"><a href="http://www.youtube.com/user/nacho32off?feature=mhee" _fcksavedurl="http://www.youtube.com/user/nacho32off?feature=mhee" style="right: 0px; position: fixed; top: 0px;"><img src="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" _fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" alt="" /></a></div>
 

                                                             
                PALABRA NEW EN EL MENU:
Seguro que esto lo has visto en varias paginas web porque es muy famoso este codigo va no se si decir famoso pero o usan en bastantes webs y es muy basico. 

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>
 

                                         CAJA DE TEXTO:
Con este codigo podras poner codigos dentro de estos cuadro como yo lo hago y es muy util .

<div align="center">
<div style="background-color:white; border-color: black; border-style: solid; color: black; height: 100px; overflow: scroll; width: 250px;">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
<div align="center">
<span style="color: black; font-family: tahoma; font-size: 85%;"><b></b></span>
</div>
 

                               IMAGEN INFERIOR:
Con este codigo podras poner una imagen en la esquina inferior de la izquierda y pega el url de la imagen donde diga 'url de la imagen' pegalo en texto por debajo de la pagina.

<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;left:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='url de la imagen' _fcksavedurl='url de la imagen'/></a> 
 
             
      
 PAGINA EN CONSTRUCCIÓN:
Con es codigo  a cada visitante les aparecera un mensaje de que tu pagina esta en construccion pega el codigo en texto por debajo de la pagina.

<style type="text/css">

<!--

body { visibility:hidden;

background-color:#FFFFFF;

background-image:url(http://www.cordoba-redes.com.ar/EnConstruccion.bmp);

background-repeat: no-repeat;

background-position: top; }

//-->

</style>

  

              PROBADOR HTML:
Con este codigo podras poner un probador html en tu web para que los visitantes puedan probar tus codigos antes de usarlo solo pega este codigo donde queras que aparesca ya sea un pagina nueva o un box.
<!-- ArkAngel,YonkoChileWebRox -->
<script>
function probar(texto) {
ventana = window.open('', 'popup', '');
ventana.document.write(texto);
}
</script>
<form action="" name="probador">
<font face="Verdana" size="2">Esto es un probador de c&oacute;digos, inserta el c&oacute;digo HTML y te dar&aacute; el resultado en una ventana nueva!<hr />
</font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br />
</font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font>
</form>
 


      MENSAJE DE DESPEDIDA:
Con este codigo los visitantes de tu pagina recibiran un mensaje de despedida en su pantalla al momento de salir de tu pagina. Solo pegalo en texto por debajo de la pagina en editar diseño.

<body onUnload="window.alert('Gracias por tu visita! nos vemos pronto ^^')"> 

 

                                     CURSOR MIRA:
Este codigo sirve para cambiar el cursor en nuestra web, al momento de los visitantes entrar en nuestra pagina el cursor cambiara de la simple flecha a una mira de disparo. copia el codigo en la fuente HTML.

<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>
 
   
     LETRAS BOX EN MOVIMIENTO:
Este codigo sirve para que las letras de los box se muevan como las mias. Solo peguen este codigo en editar diseño y luego en donde dice nombre del box.

<marquee>Aqui escribe lo que quieras</marquee>
 
                           
      
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis