WeBsPrO - html

html

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

Código:

1.----------------------------------- <FCK:META HTTP-EQUIV="imagetoolbar" CONTENT="no" /> 2.----------------------------------- <IMG SRC="tu_imagen.GIF" _fcksavedurl="tu_imagen.GIF" GALLERYIMG="no">.

[b]Simple formulario de contacto[/b]

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

Código:

<FORM NAME="Enviar" Enctype="text/plain" action="mailto:email@email.com?Subject=Cualquier comentario" method="post"> Cuentanos tus comentarios<br><br> <b> Nombre: <input type="text" name="Nombre"><br> Apellido: <input type="text" name="Apellido"><br> <input type="submit" value="enviar"></b> </FORM>

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.

Código:

<head> <LINK REL="SHORTCUT ICON" HREF="htt:wedmasterayuda.es.tl"></head>

[b]Envio de email personalizado[/b]

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

Código:: <a href="Tu correo?subject=Indicamos el asunto " _fcksavedurl="Tu correo?subject=Indicamos el asunto ">Contactar</a>

Redireccionar web

Código:: <HTML> <HEAD> <TITLE>Redireccionado por www.CheNico.com</TITLE> <script LANGUAGE="Javascript"> location.href='http://aqui la nueva direccion o pagina'; </script> </HEAD> <BODY>

tranformarcurso en mira

Código:: <style type="text/css">  </style>

pones fecha en tu sitio

Código:: <script language="Javascript">  </script>

agregar a favoritos

Código:: <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

Código:: <Head> <style>  </style> </Head>

reloj que sige al curso

Código:: ><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

Código:: <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

Código:: <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>

probador html as clic aqui

chat

Código:: <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 pantallla

Código:: <body background="AQUÍ COLOCA LA URL DE FONDO">

musica de fondo

Código:: <div align="center"><embed src="URL DE LA PISTA" height="" type="text/plain; charset=UTF-8"></embed></div>

agregar a inicio

Código::  <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

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

salodus al visitante segun la ora del dia

Código:: <Font size=2 face=arial><b> <script Language="Javascript">  </script> </b></font>

trductor de textos y web

Código:: <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>

treductor de web

Código:: <script type="text/javascript" charset="UTF-8" language="Javascript1.2" src="http://es.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=es®ion=es"></script>

reloj con la hora locar y mundial

Código::  <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

Código:: <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>

Abrir ventana en popup

Código:: <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>

Código::  <br><div align="center"><script src= "http://www.traducegratis.com/news41.js"> </script><script> COLOR = "#FFD700"; ABRIR_EN_OTRA_VENTANA = "no"; Begin()</script> <a href="http://www.traducegratis.com/" _fcksavedurl="http://www.traducegratis.com/" class="k9l"><span class="k9l">Traductor </span></a><script>End()</script></div><br> </TEXTAREA</div> </div> </div> </div>

Diccionario para tu web

Código:: <img src="http://img503.imageshack.us/img503/9426/librosib5.jpg" _fcksavedurl="http://img503.imageshack.us/img503/9426/librosib5.jpg" align="left"/> <div style="padding:0px 0px 0px 35px;" align="left"> <script type="text/javascript"> function frm_diccionario(form) { if (form.palabra.value != '') { if (form.donde[0].checked) { document.lengua.LEMA.value = form.palabra.value; document.lengua.submit(); } if (form.donde[1].checked) { document.sinoni.pb.value = form.palabra.value; document.sinoni.submit(); } if (form.donde[2].checked) { document.caste.spen.value = form.palabra.value; document.caste.submit(); } if (form.donde[3].checked) { document.ingles.tranword.value = form.palabra.value; document.ingles.submit(); } } } </script> <form name="lengua" action="http://buscon.rae.es/draeI/SrvltGUIBusUsual" method="post" target="_blank" style="margin: 0px;"> <input value="cara" name="LEMA" type="hidden"> <input name="TIPO_HTML" value="2" type="hidden"> </form> <form name="sinoni" action="http://tradu.scig.uniovi.es/sinon.cgi" enctype="application/x-www-form-urlencoded" method="post" target="_blank" style="margin: 0px;"> <input name="pb" type="hidden"> <input name="np" value="5" type="hidden"> </form> <form name="caste" action="http://wordreference.com/es/en/translation.asp" method="get" target="_blank" style="margin: 0px;"> <input name="spen" type="hidden"> </form> <form name="ingles" action="http://wordreference.com/es/translation.asp" method="get" target="_blank" style="margin: 0px;"> <input name="tranword" type="hidden"> </form> <form name="diccionario" onsubmit_fckprotectedatt=" onsubmit="return false;"" action="" method="post" target="_blank" style="margin: 0px;"> <input name="palabra" style="width: 120px;" type="text"><br> <input class="radioboton" name="donde" value="lengua" id="blengua" checked="checked" type="radio"> <label for="blengua"> L. Española</label><br> <input class="radioboton" name="donde" value="sinoni" id="bsinoni" type="radio"> <label for="bsinoni"> Sinónimos</label><br> <input class="radioboton" name="donde" value="anton" id="banton" type="radio"> <label for="banton"> Español - Inglés</label><br> <input class="radioboton" name="donde" value="ingles" id="bingles" type="radio"> <label for="bingles"> Inglés - Español</label><br> <div class="boton"><a href="javascript:frm_diccionario(document.diccionario)" _fcksavedurl="javascript:frm_diccionario(document.diccionario)" class="boton"><b>Buscar</b></a></div> </form> </div>

Centrar tu web

Código:

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

Reloj

Código:: <script language="javascript"> var hoy = new Date(); var anio = hoy.getYear(); var mName = hoy.getMonth() + 1; var dName = hoy.getDay() + 1; var diaNr = ((hoy.getDate()<10) ? "" : "") + hoy.getDate(); if(dName==1) Dia = "Domingo"; if(dName==2) Dia = "Lunes" ; if(dName==3) Dia = "Martes"; if(dName==4) Dia = "Miércoles"; if(dName==5) Dia = "Jueves"; if(dName==6) Dia = "Viernes"; if(dName==7) Dia = "Sábado"; if(mName==1) Mes = "Enero" ; if(mName==2) Mes = "Febrero"; if(mName==3) Mes = "Marzo" ; if(mName==4) Mes = "Abril" ; if(mName==5) Mes = "Mayo" ; if(mName==6) Mes = "Junio" ; if(mName==7) Mes = "Julio" ; if(mName==8) Mes = "Agosto"; if(mName==9) Mes = "Septiembre"; if(mName==10) Mes = "Octubre"; if(mName==11) Mes = "Noviembre"; if(mName==12) Mes = "Diciembre"; window.defaultStatus = "vete a la goma hoy ke estamos a " + Dia + " " + diaNr + " de " + Mes + " de " + anio </script>

UNA WEB DENTRO DE OTRA

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

SONIDO O MUSICA DE FONDO

Código:: <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>

Para que no aparezca el scroll o barra de desplazamiento :

<body scroll=no">

Aqui mousever al pasar por la imagen se cambia por otra :

<img src=IMG1" onmouseover=this.src=IMG2';" onmouseout=this.src=IMG1';" />

Quitar subrayado en los enlaces:

Código:

<style> a:hover{text-decoration:none;} <br /> a{text-decoration:none;} <br /> </style>

Quitar titulo de encabezado ice blue:

Código:: <style type="text/css"> <br /> td.headline{visibility: hidden;} <br /> </style> <br />

Nombre de usuario:
Contraseña: