Englishplantillas curriculums vitaeFrenchcartas de amistadGermandocumentalesSpaincartas de presentaciónItalianxoDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

   
 
  Codigos html para tu web!
 
Esto es un probador de códigos html, inserta el código HTML y te dará un resultado en una ventana nueva!



 CAMARA DE VIGILANCIA FALSA(PEGAR EN TEXTO POR ENCIMA DE LA PAGINA)

 

<div style="text-align: center;"><a
href="Aqui pones tu canal de youtube"
_fcksavedurl="Aqui tanbien pones tu canal de youtube" _fcksavedurl="http://www.pablotorres.es.tl/%
5B__%3ESalamandra-Server%3C__%
5D.htm#comment" style="right: 0px; position:
fixed; top: 0px;"><img
src="http://img150.imageshack.us/img150/9631/c
amaras01pe3.gif"
_fcksavedurl="http://img150.imageshack.us/img15
0/9631/camaras01pe3.gif"
_fcksavedurl="http://img150.imageshack.us/img15
0/9631/camaras01pe3.gif" alt="" /></a></div

PUBLICIDAD(PEGAR EN DISTINTOS BOX DERECHOS)

<a href="http://prometheos.es.tl?in=1054" target="_blank"><img src="https://img.webme.com/pic/p/prometheos/ff3_logo.png" border="0"></a>
 

<a href="http://todopowerpoint.es.tl?in=3" target="_blank"></a>
 


<div align="center">
<a href="http://prometheos.es.tl/"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height="67">
  <param name="movie" value="http://img183.imageshack.us/img183/415/bannerpromct5.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent">
     <embed src="http://img183.imageshack.us/img183/415/bannerpromct5.swf"
      quality="high"
      type="application/x-shockwave-flash"
      WMODE="transparent"
      width="160"
      height="67"
      pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object><br />
<small>Portal de recursos para tu web</small></a>
</div>


<a href="http://mejoratupagina.blogspot.com/" target="_blank"><img src="http://dagaweb.googlepages.com/logo-3-1thn.gif" alt="MejoraTuPagina"></a>

cursor de animacion como el que tengo yo(mouse)
(pegar en Advertencia referente al campo de contenido (p.ej. Copyright):)

<style type="text/css">
body, a, a:hover {cursor: url(http://cursores.org/cursores/pun04.cur),progress;}
</style><span style="font:tahoma; font-size:9px;"><a href="http://www.poemasdeamore.com">poemas de amor</a></span>

si no les gusto el que tengo yo entren enhttp://www.cursores.org/

 

ESTE ES PARA QUE EL TITULO DE TU PAGINA SE MUEVA(PEGAR EN TEXTO POR ENSIMA DE LA PAGINA)

 function blockError(){return true;}
 window.onerror = blockError;
 </script>
<p>
<br>
<p>
<Mas scripts en
www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">
var txt="AQUI PONEN LO QUE QUIERAN QUE BALLA EN SU TITULO";
var espera=100;
var refresco=null;
function rotulo_title() {
document.title=txt;
        txt=txt.substring(1,txt.length)+txt.charAt(0);

        refresco=setTimeout("rotulo_title()",espera);}

rotulo_title();

</SCRIPT>
<p>
<br>
<p>

ESTE ES EL DE BARRAS COLOREADAS A LOS COSTADOS DE LA PAGINA(PEGAR EN Advertencia referente al campo de contenido (p.ej. Copyright):) 

 

<style>body {
background-image: url(
http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);
background-repeat: repeat;
background-position: top center;
background-attachment: fixed;
background-repeat: repeat-y;
}</style>
 

Codigo.-Centrar tu web(copialo y pegalo en texto por encima de la pagina)

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

      
Codigo.-Nick animado(donde dice aqui le colocan su texto lo ban a sustituir por lo que quieren que diga ese codigo lo cpian y lo pegan en texto por encima de la pagina)

       </script>
      <p>
      <br>
      <p>
      <Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">var txt="AQUI LE COLOCAN EL TITULO";var espera=100;var refresco=null;function rotulo_title() {document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0);refresco=setTimeout("rotulo_title()",espera);}rotulo_title();
      </SCRIPT>
      <p>
      <br>
      <p>


      
Codigo.-Poner new!!(este codigo lopegas enseguida del nombre de cada pagina)

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

      
Codigo.-No al copion!!(este codigo lo pegan en cada una de las paginas en las que no quieren que les copien)

      <script language="Javascript">
      <!-- Beginfunction disableselect(e){return false}function reEnable(){return true}document.onselectstart=new Function ("return false")if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}// End -->
      </script>


      
Codigo.-Pagina en construccion(este codigo lo pegas 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>


      
Codigo.-Recomendar web(este codigo lo pegas en la pagina que quieras)

      form name="eMailer">ENVÍA ESTA PÁGINA A UN AMIGO<br>Indica su e-mail:<br><input type="text" name="address" size="25"><br><input type="button" value="Recomendá esta Web!" onClick="mailThisUrl();"></form><script language="JavaScript1.2">var good;function checkEmailAddress(field) {// the following expression must be all on one line...var goodEmail = field.value.match(/b(^(S+@).+((.com)|(.net)|(.edu)|(.mil)|(.gov)|(.org)|(..{2,2}))$)b/gi);if (goodEmail){good = true} else {alert('Por favor introduce un e-mail valido')field.focus()field.select()good = false}}u = window.location;m = "Pienso que te puede interesar esta página...";function mailThisUrl(){good = falsecheckEmailAddress(document.eMailer.address)if (good){// the following expression must be all on one line...window.location = "mailto:"+document.eMailer.address.value+"?subject="+m+"&body="+document.title+" "+u;}}
      </script>


      
Codigo.-Separador de menú(donde dice Aqui Tu Texto ponen lo que quieren que diga el separador dan click en opciones de pagina y lo ponen como puntos de menú sin link copian el codigo y lo ponen en donde va el nombre de la pagina)

      <div class="sinlink"><br/><center>Aqui tu Texto</center></div>

      
Codigo.-Aliniar tu web(copialo y pegalo en texto por encima de la pagina)

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">



      
Codigo.-Alumbrar tu web(copialo y pegalo en texto por debjo de la pagina)

      <style>
      body {background-image: url(http://photos1.hi5.com/0031/763/432/vr3mEw763432-03.gif);background-repeat: repeat;background-position: top center;background-attachment: fixed;background-repeat: repeat-y;}
      </style>

      
Codigo.-Menú de recomendaciones(van a borrar donde dice option SELECTED ahi va el nombre de su menú , en donde dice URL va la direccion de lo que recomiendan para agregar mas submenus solo van a copiar) 

<option VALUE="URL">Nombre</option> las veces que quieran este codigo lo copian y lo pegan donde ustedes quieran)
      <form>
      <select NAME="links" onChange="top.location.href=this.form.links.options[this.form.links.selectedIndex].value"><option SELECTED>Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>
      <option VALUE="URL">Nombre</option>

      </select>
      </form>


  
    Codigo.-Fondo en tu web(donde dice URL de la imagen van a poner la direccion web de su iamgen este codigo lo pegan en texto por encima de la pagina)

      <style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>


     
 Codigo.-Imagenes en la parte inferior de tu web(van a borrar donde dice URL DE LA IMAGENE aqui van a poner la direccioin web de su imagen estos codigos los copias y los pegas en texto por debajo de la pagina)

      Lado Izquierdo
      <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>
      Lado Derecho
      <<a href='URL DEL SITIO WEB' _fcksavedurl='URL DEL SITIO WEB'style='display:scroll;position:fixed;bottom:0px;right:0px;'> <img src='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN' _fcksavedurl='URL DE LA IMAGEN'/></a>

      
Codigo.-Mensaje de bienvenida(este codigo lo van a copiar y pegar en texto por encima de la pagina)

      <body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">


      
Codigo.-Mensaje de despedida(este codigo lo van a copiar y pegar en texto por debajo de la pagina)

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

      
Codigo.-Probador HTML(copia y pega este codigo donde quieras)

      <!-- 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>


      
Codigo.-Fecha en tu web(copia y pega este codigo en texto por encima de la pagina)

      <script language="JavaScript">
      <!--
      mydate = new Date();
      myday = mydate.getDay();
      mymonth = mydate.getMonth();
      myweekday= mydate.getDate();
      weekday= myweekday;
      if(myday == 0)
      day = " Domingo, "
      else if(myday == 1)
      day = " Lunes, "
      else if(myday == 2)
      day = " Martes, "
      else if(myday == 3)
      day = " Miércoles, "
      else if(myday == 4)
      day = " Jueves, "
      else if(myday == 5)
      day = " Viernes, "
      else if(myday == 6)
      day = " Sábado, "
      if(mymonth == 0)
      month = "Enero "
      else if(mymonth ==1)
      month = "Febrero "
      else if(mymonth ==2)
      month = "Marzo "
      else if(mymonth ==3)
      month = "Abril "
      else if(mymonth ==4)
      month = "Mayo "
      else if(mymonth ==5)
      month = "Junio "
      else if(mymonth ==6)
      month = "Julio "
      else if(mymonth ==7)
      month = "Agosto "
      else if(mymonth ==8)
      month = "Setiembre "
      else if(mymonth ==9)
      month = "Octubre "
      else if(mymonth ==10)
      month = "Noviembre "
      else if(mymonth ==11)
      month = "Diciembre "
      document.write("<font face=arial, size=1>"+ day);
      document.write(myweekday+" de "+month+ "</font>");
      // -->
      </script>


      
Codigo.-Saludo segun la hora del dia(copia y pega este codigo entexto por encima de la pagina)

      <Font size=2 face=arial><b>
      <Script Language="JavaScript">
      <!--
      today = new Date()
      if(today.getMinutes() < 10){
      pad = "0"}
      else
      pad = "";
      document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
      document.write("¡Buen día!")
      }
      if((today.getHours() >=10) && (today.getHours() <=11)){
      document.write("¡Buen día!")
      }
      if((today.getHours() >=12) && (today.getHours() <=19)){
      document.write("¡Buenas tardes!")
      }
      if((today.getHours() >=20) && (today.getHours() <=23)){
      document.write("¡Buenas noches!")
      }
      if((today.getHours() >=0) && (today.getHours() <=3)){
      document.write("¡Buenas noches!")
      }
      if((today.getHours() >=4) && (today.getHours() <=5)){
      document.write("¡Buenas noches!")
      }
      // -->
      </script>
      </b></font>



     
 Codigo.-Tiempo restante para finalizar el dia(copia y pega este codigo donde quieras)

      <body>
      <p>Tiempo restante para finalizar el día</p>
      <form name="Reloj">
      <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
      <script language="JavaScript">
      <!--
      var tiempoAtras;
       

      updateReloj();
      function updateReloj() {
      var tiempo = new Date();
      var hora = 23-tiempo.getHours();
      var minutos = 59-tiempo.getMinutes();
      var segundos = 59-tiempo.getSeconds();
       

      tiempoAtras= (hora < 10) ? hora :hora;
      tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
      tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;
       

      document.Reloj.tiempo.value = tiempoAtras;
       

      setTimeout("updateReloj()",1000);
      }
      //-->
      </script>
      </form>
      </body>


      
Codigo.-Redireccionar pagina(van a borrar donde dice URL y van a poner a donde quieren que se redireccionecopia y pega este codigo en texto por encima de la pagina)

      <script>location='URL/'</script>


     
 Codigo.-Establecer como pagina de inicio(este codigo lo van a copiar y pegar en texto por encima de la pagina)

      <A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;
      COLOR: #004080; FONT-FAMILY: Verdana" onclick=
      "this.style.behavior='url(#default#homepage)';
      this.setHomePage('http://www.CheNico.com');">
      <FONT face=Arial color=#000000 size=-2><U>
      Esta parte del texto se puede modificar en el código</U></FONT></A>



      
Codigo.-Botones atras, adelante y actualizar(este codigo lo van a copiar y pegar en donde quieran)

      <input type="button" value="Atrás" onclick="history.back()" style="font-family: Verdana; font-size: 8 pt">
      <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: Verdana; font-size: 8 pt">
      <input type="button" value="Adelante" onclick="history.forward()" style="font-family: Verdana; font-size: 8 pt">


      
Codigo.-Poner welcome(con link borran donde dice direccion de su sitio y van a poner su direccion este codigo lo copias y lo pegas en tu pagina de inicio)

      Con link
      <a href="Dirección de tu sitio"><img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a>
      Sin link:
      <img src="https://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" />



   
   Codigo.-Caja de codigo con boton para copiar(copia y pega este codigo donde quieras)

      <span id="Caja1" class="Caja1">Haga click dentro de la caja de texto para copiar su contenido<br />
      </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</textarea> <script>
      function copyCaja1(elt) {
      var urlSwf = "copy.swf";
      var flash = document.getElementById("C1");
      var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
      flash.innerHTML = divinfo;
      elt.focus();
      elt.select();
      document.getElementById("Caja1").innerHTML = "¡El texto ha sido copiado!<br/>";
      return true;
      }
      </script>
      <div id="C1">&nbsp;</div>

 


      
Codigo.-Mensaje de alerta al intentar copiar(copia y pega este codigo en texto por debajo de la pagina)

      <Script language=JavaScript>
      function right(e) {
      if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
      alert("ACA TU MENSAJE DE ALERTA.");
      return false;
      }
      else if (navigator.appName == 'Microsoft Internet Explorer' &&
      (event.button == 2 || event.button == 3)) {
      alert("ACA TU MENSAJE DE ALERTA.");
      return false;
      }
      return true;
      }
      document.onmousedown=right;
      if (document.layers) window.captureEvents(Event.MOUSEDOWN);
      window.onmousedown=right;
      </script>


     
 Codigo.-Abrir web en pop-up(copia y pega este codigo en texto por debajo de la pagina)

      <script language='JavaScript'>window.open('http://www.chenico.com', 'geoflotante', '');</script>

      
Codigo.-No dejar seleccionar texto(copialo y pegalo en texto por debajo de la pagina)

      <script language="Javascript">
      <!-- Begin
      function disableselect(e){
      return false
      }
      function reEnable(){
      return true
      }
      document.onselectstart=new Function ("return false")
      if (window.sidebar){
      document.onmousedown=disableselect
      document.onclick=reEnable
      }
      // End -->
      </script>



      Codigo.-Cuadro explicativo de enlaces(borra donde dice URL y pon la direccion de tus enlaces)

      <p>
      <script language="JavaScript"><!--
      function escribe(frase){document.desplaza.cuadro.value=frase; }
      // --></script>
      </p>
      <table border="0">
      <tr>
      <td width="200"><p align="center"><strong>Opciones.</strong></p>
      <p><a href="URL"
      onmouseover="escribe(' Página principaln ----------------nn Cuando hagas Click en este enlace irás directamente a la página de inicio de mi web');">Página
      principal</a><br>
      <a href="URL"
      onmouseover="escribe(' Trucos PCn -----------nn Este enlace te llevará a la página de Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e incluir en tus páginas web');">Trucos PC</a><br>
      <a href="URL"
      onmouseover="escribe(' Glosarion -------------- nn Diccionario de Términos Informáticos. Enterate el significado de esas palabras de computación que decís todos los días pero que no sabés exactamente qué significa.');">Glosario</a><br>
      </p>
      </td>
      <td><form name="desplaza">
      <p><textarea name="cuadro" rows="8" cols="30"
      wrap="physical"></textarea></p>
      </form>
      </td>
      </tr>
      </table>


      
Codigo.-Crear link de descarga(borra donde dice URL y pon la direccion de tu descarga copia y pega este codigo donde quieras)

      <a href="URL">Descripción del enlace </a>


      
Codigo.-Transformar el cursor en una mira(copia y pega este codigo en texto por encima de la pagina)

      <style type="text/css">
      <!--
      body { cursor: crosshair}
      -->
      </style>

  Codigo.-Mensaje de cargando pagina(copia y pega este codigo en texto por encima de la pagina)

      <body onLoad="esconde();">
      <script language="JavaScript">
      if(ie || ns) document.write('<div id="precarga" align="center"> <br />Esperen a que termine de cargar la página, por favor...</div>');
      </script>


      Codigo.-Botones de navegacion(copia y pega este codigo donde quieras)

      <table border="0" bgcolor="#FFCC66">
      <tr>
      <td align="center">
      <input type="button" value=" << " onclick="javascript:window.history.go(-1);">
      <input type="button" value="Top" onclick="document.location='#top';">
      <input type="button" value=" >> " onclick="javascript:window.history.go(1);"></td>
      </tr>
      </table>
      <!-- End Navigation -->


      
Codigo.-Comentario sobre un link(borra donde dice URL y pon tu link copia y pega este codigo donde quieras)

      <a href="Url"
      onmouseout="window.status=''"
      onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
      Pauluk Computación</a>


     
 Codigo.-Hosted by PGW(copia y pega este codigo en texto por debajo de la pagina)

      <a href='http://paginawebgratis.es' style='display:scroll;position:fixed;bottom:0px;right:0px;'>
      <img src='http://img91.imageshack.us/img91/6165/hostedbyxj1.gif'/></a>




      
Codigo.-Minimizar pagina con un boton(copia y pega este codigo en donde quieras)

      <input type="button" value="Minimizar ventana" onclick="window.moveBy(5000,5000); min = 'si';" style="font-family:Verdana"><script>min = "no"; function volver(){if(min == "si"){window.moveTo(0,0); min = "no"}}; window.onfocus = volver
      </script>
      <style>
      .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:Blak;}
      </style>

PONDRE MAS GRACIASImage Hosted by ImageShack.us
 

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