todo-web-team
  Codigos Html para webs
 

Codigo para parpadear un texto
(lo pegas ya sea en el titulo de una pagina o en cualquier texto que desees)

<blink>TU TEXTO</blink>



Codigo para que se mueva el titulo de tu Box
 

(lo pegas en el titulo de tu box)

<marquee>COLOCA EL TITULO DE TU BOX AQUI </marquee>



Codigo para quitar el titulo de tu web del encabezado

(lo pegas en texto por encima de la pagina)

<style type="text/css"> <!-- td.headline,.headline2,.headline3 {visibility:hidden;} --> </style>


 

Traductor de google 
(lo pegas donde quieras)

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_lang uage=es&w=160&h=60&title=&border=&output=js"></script>

 


Script de colores: muestra los colores y su codigo HTML
(lo pegas donde quieras)

<script type="text/javascript" src="http://widgetserver.com/syndication/subscriber/InsertPanel.js?panelId=3cc95145-3080-4fcf-bb61-511a89599af5"></script><noscript>Get great free widgets at <a href="http://www.widgetbox.com">Widgetbox</a>!</noscript><img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" _fcksavedurl="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" _fcksavedurl="http://runtime.widgetbox.com/syndication/track/3cc95145-3080-4fcf-bb61-511a89599af5.gif" />

 


Quitar encabezado de iceblue:
(lo pegas en texto por encima de la pagina)

<style type="text/css">  <!--  td.edit_header_full{background-image:url(  );background-color:;height:0px;}  --></style>

 


Efecto de electricidad en todos los links de tu página
(lo pegas en texto por encima de la pagina)(puedes hacer que embes de la electricidad aparesca la imagen que quieras reemplazando los 3 “http://www.nackvision.com/myspace/links/lightningline.gif” por la url de la imagen que quieras)

<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/lightningline.gif); filter:alpha(finishopacity=0, style=2); } </style>

 


Desplazamiento de banners abajo para arriba:

(lo pegas en la pagina que lo quieras)

<center><br class="Apple-interchange-newline" />

<marquee direction="up" height="180" scrollamount="2" style="width: 160px; height: 280px"><center><img src="AQUI LA URL DE LA IMAGEN"/></center></marquee></center>

 


Codigo para poner fondo a las subpaginas de los menus 
(lo pegas en texto por encima de la pagina)

<style type="text/css"> td.edit_content{background-image:url(URL DE TU IMÁGEN);} </style>

 


Codigo para poner un enlace en tu web
 
(lo pegas en la pagina que lo quieras)

<a href="URL" _fcksavedurl="URL"></p>TEXTO</a>

 


Codigo para poner una imagen a tu cursor
 
(lo pegas en texto por debajo de la pagina)

<style> HTML,BODY{cursor: url("URL DEL CURSOR"), url("URL DEL CURSOR"), auto;} </style>

 


Codigo para poner el encabezado que quieras
(lo pegas en texto por encima de la pagina)(cambiar “248” por el alto de tu imagen)

<style type="text/css">  <!--  td.edit_header_full{background-image:url(URL DE TU ENCABEADO);background-color:;height:248px;}

 


Menu horizontal para tu web
(Pegalo en texto por encima de la pagina y editalo)

<div style="position:absolute;left:10px;top:102px"> <table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table> <table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table><table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table><table align="right" width="185" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="checked_menu"> <td align="center" id="nav_Home" class="nav"><a class="menu" href="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link" _fcksavedurl="Url donde te llebara el link">Nombre del link</a></td> </tbody> </table> </div>

 


Transformar el cursor en una mira 
(transforma el Mouse en una mira)

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

 


Abrir un Link en una Ventana Nueva

(abre el link en una ventana o pestaña nueva)

<a href="URL" _fcksavedurl="URL" target="_blank">Texto</a>

 


Camara que vigila tu web

(pegalo en texto por debajo de la pagina)(puede reemplazar la camara “http://img150.imageshack.us/img150/9631/camaras01pe3.gif” por la imagen que quieras)
      <div style="text-align: center;"><a href="" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://img150.imageshack.us/img150/9631/camaras01pe3.gif" _fcksavedurl="http://img150.imageshack.us/img150/9631/camaras01pe3.gif

" alt="" /></a></div>

 

 

 



Que el titulo de tu web se mueva

(deben pegarlo en texto por encima de la pagina)

(donde dice TITULO ponen lo que quieren que diga)
       <SCRIPT LANGUAGE="JavaScript">var txt="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>

 

Poner New!! en un menu

(debes pegarlo al final del nombre de la pagina en controlar paginas)
      <img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt=" " border="0"></a>



  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>

 


     Alumbrar tu web

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

 


     Fondo en tu web

(donde dice URL de la imagen van a poner la direccion web de su imagen este codigo lo pegan en texto por encima de la pagina)
      <style type="text/css">body {background-image:url(URL DE IMAGEN)}</style>

 


     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>

 


      Mensaje de bienvenida

(pegar en texto por encima de la pagina)(pueden cambiar 'Bienvenido a mi pagina web, gracias por visitarnos' por el texto que quieran que aparesca)
      <body onload="window.alert('Bienvenido a mi pagina web, gracias por visitarnos')">

 


     Probador HTML

(pega este codigo donde quieras)
      <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>

 


     Fecha en tu web

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

 


     Saludo segun la hora del dia

(pega este codigo en texto 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>

 


Redireccionar pagina

(pegar en texto por encima de la pagina)

(en URL poner la direccion donde quieren redireccionar)
      <script>location='URL'</script>

 


     Botones atras, adelante y actualizar

(lo pueden 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">

 

 

Caja de codigo con boton para copiar

(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=" ' + 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>



Abrir web en pop-up

(pega este codigo en texto por debajo de la pagina)
      <script language='JavaScript'>window.open('http://www.team-webs.es.tl', 'geoflotante', '');</script>


  
   
Mensaje de alerta al intentar copiar

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



     No dejar seleccionar texto

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


 Crear link de descarga

(borra donde dice URL y pon la direccion de tu descarga, pega este codigo donde quieras)
      <a href="URL">Descripción del enlace </a>


Hosted by PGW

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



Iframe en tu web

(muestra una parte de la web que quieras)

<div style="text-align: center; "><iframe frameborder="0" scrolling="no" src="LINK DE LA WEB QUE DESEAS MOSTRAR" style="width: 580px; height: 400px; border: 0">The object cannot be displayed. Please update your browser, Mozilla Firefox is highly remommoned. </iframe></div>



Texto parpadeante

(pegalo donde quieras)

<script language="JavaScript">  var estado=true;  setTimeout("ver()",450);  function ver (){  estado=!estado;  if(estado==true) texto1.style.visibility="visible";  else  texto1.style.visibility="hidden";  setTimeout("ver()",450);  }  </script><p align="center" id="texto1"  style="visibility:visible"><font face="Arial, Helvetica,  sans-serif size="3">EJEMPLO DE TEXTO INTERMITENTE</font></p>



Crear un formulario

(pegalo donde quieras)

<H2>Libro de visitas</H2>

<FORM ACTION="mailto:TUNOMBRE@SERVIDOR.COM" METHOD="post">
 <TABLE>
 <TD ALIGN=RIGHT>
Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>
Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>
como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>
Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>
 </TABLE>
 <INPUT type="reset" value="
Borrar todo"> <INPUT type="submit" value="Enviar">
 </FORM>

 

Abrir un link de una imagen en una ventana nueva

Con este código podemos insertar una imagen (ej. banner) y que al hacer click sobre ella se abra el link de destino en una ventana nueva. Primero ponemos la ruta del link de destino, y luego la ruta donde está alojada la imagen. Si está alojada en la raíz de nuestro servidor solo ponemos el nombre y listo.

<a href="URL" target="_blank"><img src="URL DE UNA IMAGEN" border=0></a>

 

 

GRACIAS MERCADO LIBRE 

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