InWebmaster - Codigos HTML

Codigos HTML

TEXTO EN NEGRITA

<b>TEXTO</b>

TEXTO SUBRAYADO

<i>TEXTO</i>

TEXTO EN CURSIVA

<u>TEXTO</u>

CAMBIAR EL TAMANO DE LETRA

<font size="7">EL NÚMERO 7 DEFINE EL TAMAÑO DE LA FUENTE</font>

CAMBIAR EL TIPO DE LETRA

<font face="Times New Roman">PUEDES CAMBIAR "TIMES NEW ROMAN" POR "VERDANA" POR EJEMPLO</font>

CAMBIAR COLOR DE LETRA

font color="#FF0000">A LOS CODIGOS DE LOS COLORES LOS SACAS EN LA SECCIÓN DE TABLA DE COLORES</font>

UN ENTER

<br />

INSERTAR UN LINK

<a href="AQUÍ COLOCA LA URL DE DESTINO">Y AQUí LA PALABRA</a>

INSERTAR UNA IMAGEN

<img src="AQUÍ COLOCA LA URL DE LA IMAGEN">

IMAGEN DE FONDO

<body background="AQUÍ COLOCA LA URL DE FONDO">

INSERTAR UN ARCHIVO FLASH

<embed src="AQUÍ COLOCA LA URL DEL ARCHIVO .SWF" width="500" height="130" scale="ShowAll" play="true" loop="true" menu="true" wmode="Window" quality="1" type="application/x-shockwave-flash"></embed>

UNA WEB DENTRO DE OTRA

<iframe name="window" src="<b>URL DE LA WEB</b>" width="565" height="900" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

PONER CAJA CON CODIGO ADENTRO

<textarea rows="<b>5</b>" cols="<b>10</b>"><br /> <b>Código</b><br /> </textarea>

SONIDO O MUSICA DE FONDO

<BGSOUND SRC="<b>sonido.mid</b>" LOOP=none> <br /> <WIDTH=<b>200 </b>HEIGHT=<b>55 </b>AUTOSTART="<b>true</b>" LOOP="<b>false</b>" HIDDEN="<b>true</b>">

LINEA SEPARADORA

<hr>

ESTABLECER COMO PAGINA DE INICIO

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

CENTRAR LA WEB

<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">

Atras - Actualizar - Adelante

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

CAJA DE CODIGO CON BOTON COPIAR

<span id="Caja1" class="Caja1"><span style="font-weight: bold;">Haga click dentro de la caja de texto para copiar su contenido</span><br /> <br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1"><span style="font-weight: bold;">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</span></textarea> <script> <br /> function copyCaja1(elt) { <br /> var urlSwf = "copy.swf"; <br /> var flash = document.getElementById("C1"); <br /> 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>'; <br /> flash.innerHTML = divinfo; <br /> elt.focus(); <br /> elt.select(); <br /> document.getElementById("Caja1").innerHTML = "<span style="font-weight: bold;">¡El texto ha sido copiado!</span><br/>"; <br /> return true; <br /> } <br /> </script> <br /> <div id="C1"> </div>

pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2

PROBADOR DE HTML

<script><br /> function probar(texto) {<br /> ventana = window.open('', 'popup', '');<br /> ventana.document.write(texto);<br /> }<br /> </script><br /> <form action="" name="probador"><br /> <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /><br /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /><br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font><br /> </form>

TABLA DE COLORES EN TU WEB

<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

FECHA EN TU SITIO

<script language="JavaScript"> <br />  <br /> </script>

SALUDO SEGUN LA HORA DEL DIA

<Font size=2 face=arial><b> <br /> <Script Language="JavaScript"> <br />  <br /> </script> <br /> </b></font>

TIEMPO RESTANTE PARA FINALIZAR EL DIA

<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">  </script> </form> </body>

Redireccionar web
<HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <SCRIPT LANGUAGE="JavaScript"> location.href='http://aqui la nueva direccion o pagina'; </SCRIPT> </HEAD> <BODY>

Transformar cursor en mira
<style type="text/css">  </style>

Poner fecha en tu sitio
<script language="JavaScript">  </script>

Agregar a favoritos
<a href="javascript:window.external.AddFavorite('http://www.pauluk.8k.com', 'Pauluk Computacion')"><small><font size="1"> Agregar a favoritos</font></small></a

Quitar lineas de link
<Head> <style>  </style> </Head>

Reloj que sigue al cursor
><SCRIPT language=JavaScript> dCol='0000FF';//date colour. fCol='FF00FF';//face colour. sCol='00CC00';//seconds colour. mCol='FF0000';//minutes colour. hCol='FF0000';//hours colour. ClockHeight=30; ClockWidth=30; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("DOMINGO","LUNES","MARTES","MIERCOLES","JUEVES","VIERNES","SABADO"); m=new Array("ENERO","FEBRERO","MARZO","ABRIL","MAYO","JUNIO","JULIO","AGOSTO","SEPTIEMBRE","OCTUBRE","NOVIEMBRE","DICIEMBRE"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT>

Flash earth
<br /> <div align="center"><strong>Flash Earth</strong></div> <embed width="520" height="420" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.flashearth.com/flash_earth.swf" play="true" loop="true" menu="true"></embed><br /> <font face="Tahoma"><br /> Flash Earth es una aplicación en flash, que permite ver todo el mundo, con la calidad de los mejores satelites. Permite no solo usar los satelites de Google Earth, sino también de muchos otros institutos especializados.<br /> <br /> <strong>Instrucciones<br /> <br /> *Iniciar. </strong>Al iniciar te aparecerá un recuadro, haz clic donde dice "Flash Earth" o en el texto e inicia.<br /> <strong><br /> *Navegar. </strong>Puedes moverte dentro del mapa con los cursores (flechas del teclado) o haciendo clic en el mapa y arrastrandolo.<br /> <strong><br /> *Acercarse, alejarse. </strong>Solo mueve arroba o abajo el control derecho, entre mas arriba este, será mas cerca. ¡Animate e intenta buscar tu casa!<br /> <br /> <strong>*Cambiar satelite</strong>. En el panel derecho, haz clic en el que mas te agrade, cada uno de estos, es diferente a diferentes alturas.<br /> <br /> <strong>*Girar el mapa</strong>. Solo haz clic en la rosa de los vientos y girala, veráz como el mapa también gira.<br /> <br /> <strong>*Buscar un lugar.</strong> Tan solo haz clic en la caja de busqueda que dice, "search location" y escribe el lugar a donde quieres ir.<br /> <br /> <strong>*Saber tus coordenadas.</strong> Una vez que hayas encontrado el lugar que desees, revisa en la caja de busqueda tu altitud y longitus, así sabrás exáctamente donde estás.<br /> </font><FCK:hr width="100%" size="2" /> <div align="center"><strong>Gracias por visitarnos</strong></div>

El clima
<div align="center"><font face="Tahoma"><strong>Clima</strong></font><br /> <embed width="520" height="400" menu="true" loop="true" play="true" src="http://weather.eu.msn.com/f5/loader19.swf?mode=world&lang=ES_MX&continent=NorthAmerica&MXtype=m" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><br /> <br /> <div align="left"><strong><font face="Tahoma">Un clima muy fácil de usar.<br /> </font></strong><font face="Tahoma">Este es un flash del clima mundial muy preciso, este utiliza la tecnología de Foreca para brindar el clima mundial con tan solo algunos cuantos clic al programa.<br /> <br /> <strong>Instrucciones.<br /> </strong>Generalmente el programa se inicia en México, si vives ahí solo haz clic en la sección de México a la que perteneces y luego a tu ciudad.<br /> <br /> En caso de vivir en cualquier otra parte del mundo basta con oprimir el mapa que se encuentra arriba del logo de Foreca, en la esquina inferior izquierda del programa; así irás a América del Norta, si haces clic una vez más te aparecerá un mapa mundial, haz clic en la parte del mundo en que vives y despues en tu sección del lugar, yasí sucesivamente.</font></div> </div>

Chat
<strong>Aqui esta un chat online, podrán habla con muchas personas.</strong><br /> <embed width="540" height="400" align="middle" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#ffffff" name="chat" flashvars="id=11805665&gn=ultralatinos" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xat.com/update_flash.shtml"></embed> <small><a target="_BLANK" href="http://xatech.com/chat/room/11423374/" _fcksavedurl="http://xatech.com/chat/room/11423374/"><br /> </a></small> <div><br /> <font size="3" face="Tahoma"><strong>Notas:</strong><br /> La página no se hace responsable del conenido del chat.</font></div> <p> </p> <span style="font-weight: bold;" class="Title"> <p> </p> </span>

Fondo de web
<body background="AQUÍ COLOCA LA URL DE FONDO">

Musica de fondo
<div align="center"><embed src="URL DE LA PISTA" height="" type="text/plain; charset=UTF-8"></embed></div>

Agregar a inicio
 <a href="#" _fcksavedurl="#" _fcksavedurl="#" onClick_fckprotectedatt_fckprotectedatt=" onClick_fckprotectedatt=" onClick=""this.style.behavior='url(#default#homepage)';this.setHomePage('http://codesweb.es.tl');return false"">Hacer pagina de inicio</a> 

Tabla de colores
<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>

Saludo al visitante segun la hora
<Font size=2 face=arial><b> <Script Language="JavaScript">  </script> </b></font>

Traductor de textos y web`s
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish1.js"></script> <noscript><a href="http://es.babelfish.yahoo.com">Yahoo! Babel Fish</a></noscript>

Traductor de web
<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=es&region=es"></script>

Reloj con la hora local y mundial
 <iframe src="http://www.creatupropiaweb.com/recursos/relojes/reloj_8.htm" width="134" height="202" marginwidth="0" marginheight="0" frameborder="no" scrolling="no" allowtransparency="true"></iframe>

Calendario
<center><table border="0" cellpadding="0" cellspacing="0" width="163" height="300" background="http://www.creatupropiaweb.com/recursos/calendarios/cal_1.gif"> <tr> <td> <p align="center"><br> <br><br><br><br> <script language="JavaScript">  </script></td> </tr> </table> </center> <div align="center"> <center> <table border="0" cellpadding="0" cellspacing="0" width="10"> <tr> <td> <p align="center"><a href="http://www.creatupropiaweb.com" _fcksavedurl="http://www.creatupropiaweb.com"><font size="1" color="#CEDDF4" face="Times New Roman">CTPW</font></a></td> </tr> </table> </center>

Menu desplegable
<form> <input type="button" onClick_fckprotectedatt=" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"" value="TEXTO DEL BOTON" /><select name="list"> <option value="QUI EL URL DE PA PAGINA" selected="selected"> NOMBRE DEL URL </option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> <option value="QUI EL URL DE PA PAGINA">NOMBRE DEL URL</option> </select> </form>

Abrir ventana (popup)
<script language="JavaScript1.2"> function tremer(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); }}}} tremer(5) </script>

Enviar formulario desde una imagen

Esta suele ser la foma de utlizar una imagen en vez del famoso boton, para enviar un formulario

Campo de formulario desabilitado

Desabilitamos un campo de formulario utilizando la opcion disabled

Intenta escribir algo<br>
<input type="text" DISABLED>

Abrir pagina al cerrar la actual

Codigo con el que abrimos una nueva pagina al cerrar la actual

utilizamos la funcion: onUnload

Cambio de puntero del mouse

El mas sencillo metodo para modificar el puntero del raton o mouse aplicando un estilo

Para modificar los cursores debemos cambiar en este codigo help cursor: auto Utiliza un cursor dado por el usuario cursor: crosshair Una cruz cursor: default Permanece como es siempre cursor: e-resize Una flecha que apunta a la derecha cursor: hand Una mano cursor: help Signo de pregunta cursor: move Una cruz con flechas en los extremos cursor: n-resize Una flecha apuntando hacia arriba o hacia el norte cursor: ne-resize Una flecha apuntando hacia el noreste cursor: nw-resize Una flecha que apunta hacia el noroeste cursor: pointer Nuevamente el puntero cursor: s-resize Una flecha que apunta hacia abajo o al sur cursor: se-resize Una flecha que apunta hacia el sudeste cursor: sw-resize Flecha que apunta hacia el sudoeste cursor: text Se muestra como el fin de un I-beam cursor: w-resize Flecha apuntando hacia el oeste o hacia la izquierda cursor: wait Reloj de arena

<html>

<body>
Pasa el raton por <a style="cursor: help">AQUI</a> comprobaras como cambia el puntero.

</body>

</html>

Evitar pegar en un textarea o campo de texto

El ejemplo muestra una de las formas de evitar que peguen algun texto que anteriormente ha sido copiado al portapapeles.

Detectar error en carga de imagen y mostrar imagen de error

Esta sencilla linea de codigo detecta cuando una imagen no existe o no puede ser cargada y en su lugar muestra otra.

Quitar barra de la imagen

Si quieres que en las fotos y/o imágenes que tienes en tu web no aparezca dicha barra, hay dos maneras de evitarlo
1- Pon entre las etiquetas y Poniendo esto, evitarás que la barra no aparezca en ningunas de las fotos y/o imágenes de ese documento html.
2- Si por lo contrario deseas que la barra no aparezca solo en algunas imagénes, pon dentro de la etiqueta de las imágenes en las que quieras que no aparezca dicha barra

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

<IMG SRC="IMG.GIF" GALLERYIMG="no">.

Como hacer frames

Metodo para crear frames en tus paginas.

Debes reemplazar pagina_izquierda.html y pagina_derecha.html por las `paginas que quieres mostrar.
Si el navegador del visitante no soporta frames, se mostrara un enlace para dirigirlo hacia tu pagina principal
El valor de frameset cols= servira para modificar el tamaño.

<html>
<head>
<title>Titulo</title>
</head>
<frameset cols=160,*>
<frame src="pagina_izquierda.html" name="izquierda">
<frame src="pagina_derecha.html" name="derecha">
</frameset>
<body>
</body>
<noframes>
<a href="tu_pagina_principal.html">Texto</a>
</noframes>
</html>

Agregar icono en mis Favoritos

Cuando alguien guarda nuestra página en sus favoritos, automáticamente aparece el nombre de tu sitio con la imagen de un documento asociado con nuestro browser, gracias a estas líneas podemos modificar dicho icono por uno nuestro. Debes crear una imagen de 16 colores y luego guardarlo con la extensión .ico.
Cuando el usuario acceda a sus favoritos, tu página al tener un icono diferente al resto podrá sobresalir y seguramente el usuario fije la mirada en la misma, es decir que aumentarán las posibilidades de que nos visite.

Quitar barra de la imagen

Simple formulario de contacto

Simple formulario de contacto. Los campos son nombre y apellidos pero puedes agregar todos los necesarios.

Agregar icono en mis Favoritos

Envio de email personalizado

Simple forma de que el email al ser enviado podamos agregar mas campos nombre, email, tema....

Efecto en carga de pagina

Divertido efecto el cual se muestra en la carga de tu pagina

Hemos tenido 8252 visitantesEn inWebmaster!