Gadgets html Para el desarrollo de tu pagina web




HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc



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

              
Perrito
camara de vigilancia en tu web
copea el contenido que esta dentro de la caja de texto

<span style="font-weight:
bold;"><div style="text-align: center;">

<a href="http://bit.ly/pg9PmI" _fcksavedurl="" 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>

</span>
Nieve en tu Web
copea el contenido que esta dentro de la caja de texto


<script type="text/javascript">
// <![CDATA[
var colour="#f0f";
var sparkles=50;

/****************************
* Tinkerbell Magic Sparkle *
* http://www.mf2fm.com/rv *
* NO EDITAR TEXTO MAS ABAJO *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
   var rats=createDiv(3, 3);
   rats.style.visibility="hidden";
   document.body.appendChild(tiny[i]=rats);
   starv[i]=0;
   tinyv[i]=0;
   var rats=createDiv(5, 5);
   rats.style.backgroundColor="transparent";
   rats.style.visibility="hidden";
   var rlef=createDiv(1, 5);
   var rdow=createDiv(5, 1);
   rats.appendChild(rlef);
   rats.appendChild(rdow);
   rlef.style.top="2px";
   rlef.style.left="0px";
   rdow.style.top="0px";
   rdow.style.left="2px";
   document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}

function sparkle() {
var c;
if (x!=ox || y!=oy) {
   ox=x;
   oy=y;
   for (c=0; c<sparkles; c++) if (!starv[c]) {
     star[c].style.left=(starx[c]=x)+"px";
     star[c].style.top=(stary[c]=y)+"px";
     star[c].style.clip="rect(0px, 5px, 5px, 0px)";
     star[c].style.visibility="visible";
     starv[c]=50;
     break;
   }
}
for (c=0; c<sparkles; c++) {
   if (starv[c]) update_star(c);
   if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
   stary[i]+=1+Math.random()*3;
   if (stary[i]<shigh+sdown) {
     star[i].style.top=stary[i]+"px";
     starx[i]+=(i%5-2)/5;
     star[i].style.left=starx[i]+"px";
   }
   else {
     star[i].style.visibility="hidden";
     starv[i]=0;
     return;
   }
}
else {
   tinyv[i]=50;
   tiny[i].style.top=(tinyy[i]=stary[i])+"px";
   tiny[i].style.left=(tinyx[i]=starx[i])+"px";
   tiny[i].style.width="2px";
   tiny[i].style.height="2px";
   star[i].style.visibility="hidden";
   tiny[i].style.visibility="visible"
}
}

function update_tiny(i) {
if (--tinyv[i]==25) {
   tiny[i].style.width="1px";
   tiny[i].style.height="1px";
}
if (tinyv[i]) {
   tinyy[i]+=1+Math.random()*3;
   if (tinyy[i]<shigh+sdown) {
     tiny[i].style.top=tinyy[i]+"px";
     tinyx[i]+=(i%5-2)/5;
     tiny[i].style.left=tinyx[i]+"px";
   }
   else {
     tiny[i].style.visibility="hidden";
     tinyv[i]=0;
     return;
   }
}
else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
   sdown=self.pageYOffset;
   sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
   sdown=document.body.scrollTop;
   sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
   sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
   sdown=0;
   sleft=0;
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
   swide=self.innerWidth;
   shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
   swide=document.documentElement.clientWidth;
   shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
   swide=document.body.clientWidth;
   shigh=document.body.clientHeight;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>






Musica en tu Web
copea el contenido que esta dentro de la caja de texto

<span style="font-weight:
bold;"><embed pluginspage="http://www.adobe.com/go/getflashplayer"src="http://cadenatop.com/cadenatop_mini.swf" width="200" height="228" wmode="transparent"type="application/x-shockwave-flash" allowscriptaccess="always"></embed></span>.





traductor para tu web
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div align=center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie1SmG07VWMOS1w4SfsLv5lQ2GxfS1_8zZi4HhaQHMWXupCcug-JvKiyVrF3gA6bt8t-jPiJr5Sg-AKZxZg7ldvJbZalCQzssqBPuRc9LLmqDqxuFVp7dJM-aWIxaJZFZq4xKnYpPUo3M/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a href="http://curriculumsvitae.blogspot.com" target="_blank"><img src="http://sites.google.com/site/cvitaemm/imagenes/cv.gif" border=0 alt="plantillas curriculums vitae" title="curriculums vitae"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEm5rZUjPM8kRHs6CHfQ62guv1cNtdcALwcHEHP4k9k4NrIowJcgVqXS4E1_zBH7_QzHOmXnmQzBo2kqZNSQ67HGP7NpJJ5ZETEppu8d3-rR4hRTLWDG-GS1E36LyCJ9FR034xwvyFY4/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a href="http://cartasamistad.blogspot.com" target="_blank"><img src="https://sites.google.com/site/cartasamistad/home/adornos/cartas-amistad.gif" border=0 alt="cartas de amistad" title="cartas de amistad"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpZQAQ7Sx_J1W6U1sJ7yDp0D0EZ-cNuZAE5PGGi6qo6NHQWM1yf_NywJhsqoD580GnqtBRDlq9m79nOgpz9XYn2sW8jHZZ2whpWkQwWvIhc7DKtV_4C1AdxU6J88R4-m0pphDxUHneiNs/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a href="http://www.descargardocumentales.net" target="_blank" title="descargar documentales"><img src="https://sites.google.com/site/descargardocumentales/adornos/dd.gif" border=0 alt="documentales" title="descargar documentales"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0SsJWnAKV1CFdRdmFz79xBEuSP2G33wKkoazi6gTQwjEiwU6TA5i5zn7HIRSLdSkmyV1fhUHPTsJkZSLo9IbNWQXvGc-yS78i3XYmLUuu1x-VFuTUZOFiU66z6AqfK3z18FGsxUW4Yl0/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a href="http://cartaspresentacion.blogspot.com" target="_blank" title="cartas de presentación"><img src="https://sites.google.com/site/cartaspresentacion/imagenes/cp.gif" border=0 alt="cartas de presentación" title="cartas de presentación"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT1vEUAmkFk9XdpC82bfMnIW62vXaRh2a5UU7W_EMbauNlfiAv21LwlYPQ41RzvCNGpksR_WR7biNovQfQ0jJ-Q1ApAGu3wUW9kc3tEbB-Q7-IJWkVaKTaaYGHN0Qy0PKimcZjY7jnql4/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a href="http://xoplanet.blogspot.com" target="_blank" title="juegos para xo"><img src="https://sites.google.com/site/portalxo/adornos/xo.gif" border=0 alt="xo" /></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixfTcertD-3BnV4A5VdmWnX5lIJxQAPnZ1zWCtj3u8pX90EJWgX59SWi4s1WJSHo8dYaF3cCUAYfSzToUC0itwGU5Vh25L-qdjJLjVe7ph4Z6f_6jUZPn7BXQ9OXpd0ImsJg2B2Tuzqko/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-YPvCWasGFPVEAtLtc-ycIZtserWeIhQ3RvOocwphtcLPEQ58I_ZmM3QoqRCgL9seZyuX7CDzDL5o8usJnemgnv7seU7DpJ6fO0VboHCfeqTLVy3de4TV8pAuYDLaH3Tn6zffjMLsAfM/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlxPYWigzPXaF7065lk07eHNmcbW4zV_0aDpUfA5Xug51pLTpoKjtN5Yc7eZWtFd3nv3poL8hMMxxuimxbcrcYOYCa_prIDpwSLvHxpvopKYH_LyM0jcF78iEpuqvZw6xNz0psQjv3bvo/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDCYnhnV7HaXrD-EBTRGZI4R14uoJ7yLrgi2VPjErID-9DawWu2zE9Q4mclEIPlnGRmQi2poFDuaCFhGvN1CrrdzgCkVgXj2Zn1PQO4bNVnLOfrV3W877pwG90Bx5mhlf7DI-dfJsZPK0/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcePkkNVbVI8b6rSUSRQbFX_NIXGRgROtol3Bs2BDyfyh4ZnKmuvLm459s1u5odv03doRBewgAIQz7018z-MKLOcNOsBaT2ldIapnSn5tidQdNTQiGz4RtVeuKa7d6PAAlTAGfQU7N5uo/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYUxs2qfNRzni0Y25EeiRIzUPrqk_OIaKdkhOrqIvza003UREDvtDfBkRLF55TsaqdboUx6rTkSeRvGV15pLg1bwVnyNDDqA47MmqQgy_cGwJk-D8g9ATt1HQzugutnquG2zpCXx6R-PA/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy0xnTmf2ah8YXw5eeL2d7r2rqplCMq4vHraFHg6coDrH6UUUlVREkvsDVNWt_zMxHPkbBJ-vAmW_EGQxkaUuIkS-1Ykpo0pYuzdYtsEjOFCPLyoizfeQ_s09IsAAoNMENE8GwIW_z01M/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a>
</div>
</span>




Tansforma el cursor en una Mira
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;">dijo:<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style> </span>




Imagen gift de welcom
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><a href="http://goldentags.es.tl"><img src="http://img.webme.com/pic/c/chatroh/8484484848484.gif" alt="Welcome" width="300" height="100" border="0" /></a></span>



Boton para que se suscriban a tu canal
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><iframe id="fr" src="http://www.youtube.com/subscribe_widget?p=AQUÍ TU USUARIO" style="overflow: hidden; height: 105px; width: 300px; border: 0;" scrolling="no" frameborder="0" name="fr"></iframe></span>




Buscador de google en tu web
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><!--     Búsqueda Google -->  <center>
     <form action="http://www.google.com/search" method="get">
     <table bgcolor="#ffffff"> <tbody>
<tr>     <td><a href="www.google.es/" _fcksavedurl="www.google.es/"     _fcksavedurl="www.google.es/"><img alt="Google" align="absMiddle"     border="0" src="http://www.google.com/logos/Logo_40wht.gif"     _fcksavedurl="http://www.google.com/logos/Logo_40wht.gif"     _fcksavedurl="http://www.google.com/logos/Logo_40wht.gif"     /></a> <input maxlength="255" size="31" name="q" />     <input type="hidden" name="hl" value="es" /> <input     type="submit" name="btnG" value="Búsqueda Google" /> </span>


Letras de Box en movimiento
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><marquee>ESCRIBE AQUI LO QUE QUIERAS</marquee> </span



Recomendar Web
copea el contenido que esta dentro de la caja de texto

<span style="font-weight:
bold;"> <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 = false
checkEmailAddress(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></span>


Generador de texto con movimiento
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><iframe height="780" src="http://www.criticallayouts.com/glitterfactory/loader.html" frameborder="0" width="535" scrolling="no"></iframe><span class="article_seperator"> </span><br /> </center>
</span>





PhotoShop en linea
copea el contenido que esta dentro de la caja de texto


<span style="font-weight:
bold;"><div>
 </div>
<div>
<span class="Apple-style-span" style="font-family: arial, verdana, tahoma, sans-serif; font-size: 14px; "><iframe height="600" width="535" src="http://pixlr.com/editor/?loc=es" iframe=""></iframe></span></div>
</span>




Mascota virtual
copea el contenido que esta dentro de la caja de texto



<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/dog/dog.swf?3?" width="300" height="225"><param name="movie" value="http://cdn.abowman.com/widgets/dog/dog.swf?3?" /><param name="AllowScriptAccess" value="always" /><param name="wmode" value="opaque" /><param name="bgcolor" value="FFFFFF"/></object>



Calculadora en tu Web
copea el contenido que esta dentro de la caja de texto



<form action name="Keypad"> <b> <div align="center"> <table border="2" cellpadding="1" cellspacing="5" height="60" width="50"> <tbody> <tr> <td align="middle" colspan="3"><input name="ReadOut" size="24" value="0" width="100%" style="text-align: right" /></td> <td> </td> <td align="center"><input name="btnClear" onclick="Clear()" type="button" value=" C " /></td> <td align="center"><input name="btnClearEntry" onclick="ClearEntry()" type="button" value=" CE " /></td> </tr> <tr> <td align="center"><input name="btnSeven" onclick="NumPressed(7)" type="button" value=" 7 " /></td> <td align="center"><input name="btnEight" onclick="NumPressed(8)" type="button" value=" 8 " /></td> <td align="center"><input name="btnNine" onclick="NumPressed(9)" type="button" value=" 9 " /></td> <td align="center"> </td> <td align="center"><input name="btnNeg" onclick="Neg()" type="button" value=" +/- " /></td> <td align="center"><input name="btnPercent" onclick="Percent()" type="button" value=" % " /></td> </tr> <tr> <td align="center"><input name="btnFour" onclick="NumPressed(4)" type="button" value=" 4 " /></td> <td align="center"><input name="btnFive" onclick="NumPressed(5)" type="button" value=" 5 " /></td> <td align="center"><input name="btnSix" onclick="NumPressed(6)" type="button" value=" 6 " /></td> <td align="center"> </td> <td align="center"><input name="btnPlus" onclick="Operation('+')" type="button" value=" + " /></td> <td align="center"><input name="btnMinus" onclick="Operation('-')" type="button" value=" - " /></td> </tr> <tr> <td align="center"><input name="btnOne" onclick="NumPressed(1)" type="button" value=" 1 " /></td> <td align="center"><input name="btnTwo" onclick="NumPressed(2)" type="button" value=" 2 " /></td> <td align="center"><input name="btnThree" onclick="NumPressed(3)" type="button" value=" 3 " /></td> <td align="center"> </td> <td align="center"><input name="btnMultiply" onclick="Operation('*')" type="button" value=" * " /></td> <td align="center"><input name="btnDivide" onclick="Operation('/')" type="button" value=" / " /></td> </tr> <tr> <td align="center"><input name="btnZero" onclick="NumPressed(0)" type="button" value=" 0 " /></td> <td align="center"><input name="btnDecimal" onclick="Decimal()" type="button" value=" . " /></td> <td colspan="3" align="center"> </td> <td align="center"><input name="btnEquals" onclick="Operation('=')" type="button" value=" = " /></td> </tr> </tbody> </table> </div> </b> </form> <script language="JavaScript"> <!-- modifica este script para tu uso --> <!-- puedes cambiar tamaño y color de botones y fondo --> <!-- Begin var FKeyPad = document.Keypad; var Accum = 0; var FlagNewNum = false; var PendingOp = ""; function NumPressed (Num) { if (FlagNewNum) { FKeyPad.ReadOut.value = Num; FlagNewNum = false; } else { if (FKeyPad.ReadOut.value == "0") FKeyPad.ReadOut.value = Num; else FKeyPad.ReadOut.value += Num; } } function Operation (Op) { var Readout = FKeyPad.ReadOut.value; if (FlagNewNum && PendingOp != "="); else { FlagNewNum = true; if ( '+' == PendingOp ) Accum += parseFloat(Readout); else if ( '-' == PendingOp ) Accum -= parseFloat(Readout); else if ( '/' == PendingOp ) Accum /= parseFloat(Readout); else if ( '*' == PendingOp ) Accum *= parseFloat(Readout); else Accum = parseFloat(Readout); FKeyPad.ReadOut.value = Accum; PendingOp = Op; } } function Decimal () { var curReadOut = FKeyPad.ReadOut.value; if (FlagNewNum) { curReadOut = "0."; FlagNewNum = false; } else { if (curReadOut.indexOf(".") == -1) curReadOut += "."; } FKeyPad.ReadOut.value = curReadOut; } function ClearEntry () { FKeyPad.ReadOut.value = "0"; FlagNewNum = true; } function Clear () { Accum = 0; PendingOp = ""; ClearEntry(); } function Neg () { FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1; } function Percent () { FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum); } // End --> </script>


fuego artificial en tu web
copea el contenido que esta dentro de la caja de texto



<script type="text/javascript">
//<![CDATA[
var bits=100; // cuantos bits
var intensity=7; // que tan "poderosa" es la explosión. (recomendado entre 3 y 10)
var speed=20; // rapidez (a menor numero, mas rapido)
var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
//azul rojo verde purpura cyan, naranjo

var dx, xpos, ypos, bangheight;
var Xpos=new Array();
var Ypos=new Array();
var dX=new Array();
var dY=new Array();
var decay=new Array();
var colour=0;
var swide=800;
var shigh=600;
function write_fire() {
var b, s;
b=document.createElement("div");
s=b.style;
s.position="absolute";
b.setAttribute("id", "bod");
document.body.appendChild(b);
set_scroll();
set_width();
b.appendChild(div("lg", 3, 4));
b.appendChild(div("tg", 2, 3));
for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
}
function div(id, w, h) {
var d=document.createElement("div");
d.style.position="absolute";
d.style.overflow="hidden";
d.style.width=w+"px";
d.style.height=h+"px";
d.setAttribute("id", id);
return (d);
}
function bang() {
var i, X, Y, Z, A=0;
for (i=0; i<bits; i++) {
X=Math.round(Xpos[i]);
Y=Math.round(Ypos[i]);
Z=document.getElementById("bg"+i).style;
if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
Z.left=X+"px";
Z.top=Y+"px";
}
if ((decay[i]-=1)>14) {
Z.width="3px";
Z.height="3px";
}
else if (decay[i]>7) {
Z.width="2px";
Z.height="2px";
}
else if (decay[i]>3) {
Z.width="1px";
Z.height="1px";
}
else if (++A) Z.visibility="hidden";
Xpos[i]+=dX[i];
Ypos[i]+=(dY[i]+=1.25/intensity);
}
if (A!=bits) setTimeout("bang()", speed);
}

function stepthrough() {
var i, Z;
var oldx=xpos;
var oldy=ypos;
xpos+=dx;
ypos-=4;
if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
for (i=0; i<bits; i++) {
Xpos[i]=xpos;
Ypos[i]=ypos;
dY[i]=(Math.random()-0.5)*intensity;
dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
decay[i]=Math.floor((Math.random()*16)+16);
Z=document.getElementById("bg"+i).style;
Z.backgroundColor=colours[colour];
Z.visibility="visible";
}
bang();
launch();
}
document.getElementById("lg").style.left=xpos+"px";
document.getElementById("lg").style.top=ypos+"px";
document.getElementById("tg").style.left=oldx+"px";
document.getElementById("tg").style.top=oldy+"px";
}
function launch() {
colour=Math.floor(Math.random()*colours.length);
xpos=Math.round((0.5+Math.random())*swide*0.5);
ypos=shigh-5;
dx=(Math.random()-0.5)*4;
bangheight=Math.round((0.5+Math.random())*shigh*0.4);
document.getElementById("lg").style.backgroundColor=colours[colour];
document.getElementById("tg").style.backgroundColor=colours[colour];
}
window.onscroll=set_scroll;
function set_scroll() {
var sleft, sdown;
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
var s=document.getElementById("bod").style;
s.top=sdown+"px";
s.left=sleft+"px";
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
window.onload=function() { if (document.getElementById) {
set_width();
write_fire();
launch();
setInterval('stepthrough()', speed);
}}
//]]>
</script>



Enmarcar texto 
copea el contenido que esta dentro de la caja de texto


<p style="border: ridge #FF0000 2px">    Aquí va lo que quieres enmarcar</p>
Probador html 
copea el contenido que esta dentro de la caja de texto

<!-- 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>
saludo según la hora
copea el contenido que esta dentro de la caja de texto


<center>
<span style="font-size: large;"><span class="Apple-style-span" style="color: red;"><script language="JavaScript" type="text/javascript">
//<![CDATA[
<!--
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></span></span></center>
Imagenes Slide
copea el contenido que esta dentro de la caja de texto


<script language="JavaScript1.1">
var specifyimage=new Array() //Your images
specifyimage[0]="URL DE TU IMAGEN"
specifyimage[1]="URL DE TU IMAGEN"
specifyimage[2]="URL DE TU IMAGEN"
specifyimage[3]="URL DE TU IMAGEN"
specifyimage[4]="URL DE TU IMAGEN"
specifyimage[5]="URL DE TU IMAGEN"
var delay=3000 //3 seconds

//Counter for array 
var count =1;

var cubeimage=new Array()
for (i=0;i<specifyimage.length;i++){
cubeimage[i]=new Image()
cubeimage[i].src=specifyimage[i]
}

function movecube(){
if (window.createPopup)
cube.filters[0].apply()
document.images.cube.src=cubeimage[count].src;
if (window.createPopup)
cube.filters[0].play()
count++;
if (count==cubeimage.length)
count=0;
setTimeout("movecube()",delay)
}

window.onload=new Function("setTimeout('movecube()',delay)")
</script><img src="boy4.gif" name="cube" border="0" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=&#39;PUSH&#39;)" /> 

Cambio de color en el fondo de tu web 
copea el contenido que esta dentro de la caja de texto

<center>    <a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4yWcR9G2I28ureTbV32LyHJnxWCuGYTikWoAjbtD3p3VSuthHJPskDiqLJ8xrls9Q8WW4KhsDGPo3K96533PWUhAfcAmyu54m18YbH4-ohEGhYxgoIJpGUmnYLLmKfDSjQgJrgHAIsrJh/s1600/body-rojo.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMBL5WkOS2eiauB7Vl6Hat3bgniiIrRWQbjeDxETH8ySnmuGNPMOjsUIEUtEwj1h8Lqsb-RG0px98zzZB8F4zOO_IMHyXs3E6I6c_7xG755IAQ4LjfF3DrR92vZDrYZxzh9-CILssBxp77/s1600/body-amarillo.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmKtUyPUC14MlJpj6I6ajyJuvCfeF0B4XYWMnfd8RM9mzxpOv0SoNJpVUmUlmsNlEBiy7wINUbxghpVUOox0fehasdUDyWlzoUMz_5aFNuc0YR_ZnpqZSIY3cO0n9jhIYHgeIvPwk412k5/s1600/body-verde.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXh2ekRdBPhiMee3nVXl9QrO53ygwhtBRsaJvHh_l2sXHRvlfLsFHhnAbE5MrobXhGsDJVt0Wah0lGTOfGfBi_DiM9Ppjv7oJFCUpXqrJ3jWZbRk6Bf9adwHbgC2PAbyOfvtQtxJB_wBWo/s1600/body-azul.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCBg0D90HTCduxdCEMYqKZ0L4JLaifekVH53LOOYykL_-RrRBeZwMuPg7btN2uguoafuqCHvc3pjQGYy94ne3Qfw-cRkAy9DC-XlFZ3B9sQg4YuA8CRjvl3W-yNLqRvZfWRp8z-553gfaK/s1600/body-morado.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLXfzi5Ub7Wuw_AiFTqoTPMPPq0th80j8kdB0zSw5qzI5te4Q3Nfz44xyTm5TmTIUKM8DbbQiD30dM48DptV6uOP5vZ-9edId0yS0LEsQKDuNyLXKXspBlGQo6MceNKqAJsJgq375_GIE7/s1600/body-rosa.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjooV3-LwMqSYpOCu5r30Pte45pDrGmmovKogzht6gTe_yg7z71RFFVcZHc-RT5Nk4ur7HBKS42WoSQpfxaV1qG1St4w_0wLwHuM9wYMD4lZ5Kp0qLPN6JoNah_OMChdXaLJc0PhBXbBqVh/s1600/body-negro.png" alt="" /></a> <a href="#" onclick=    "javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src=    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9DR8bu2yE7JyPRaeCRvaI63RGnmnsBuv3lH5pdwsCavQ2FhyphenhyphenWHaMMcrKjtNAxiJ50pekPLgtWzZlBBag9-txwXaIcxuPs62WRCBwcegVBOTphX1UdUq38S4FDVdSG575EUfLCpY4nygwr/s1600/body-blanco.png" alt="" /></a></center>
formulario de contacto 
copea el contenido que esta dentro de la caja de texto

<div class="widget ContactForm" id="ContactForm1">
<h2 class="title">Formulario de contacto</h2>
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<p></p>
Nombre
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
Correo electrónico
<span style="font-weight: bolder;">*</span>
<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
Mensaje
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Enviar" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=7121010497082239185&amp;widgetType=ContactForm&amp;widgetId=ContactForm1&amp;action=editWidget&amp;sectionId=footer2" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;ContactForm1&quot;));" target="configContactForm1" title="Editar">
<img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" original="//img1.blogblog.com/img/icon18_wrench_allbkg.png" />
</a>
</span>
</span>
<div class="clear"></div>
</div>
Recomendar Web 
copea el contenido que esta dentro de la caja de texto

<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 = false 
checkEmailAddress(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>
Contador de visitas
copea el contenido que esta dentro de la caja de texto

<a href="http://www.contadorvisitasgratis.com/geozoom.php?c=9d6efca739dbba03e256097ddceb503a&amp;base=counter6&amp;type_clic=1" target="_blank"><img border="0" src="http://counter6.contadorvisitasgratis.com/private/counter.php?c=9d6efca739dbba03e256097ddceb503a&amp;init=1454082154454&amp;init_freecounterstat=0&amp;library=library_counters&amp;coef=1&amp;type=013&amp;lenght=7&amp;pv=0" alt="clic para ver los detalles de las visitas este sitio" title="clic para ver los detalles de las visitas este sitio" /></a>
Ventana de Texto 
copea el contenido que esta dentro de la caja de texto


<div align="center">
<div id="preview" style=
"BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WORD-SPACING: 1px; OVERFLOW: scroll; BORDER-LEFT: #000 1px solid; WIDTH: 180px; PADDING-TOP: 1px; BORDER-BOTTOM: #000 2px solid; HEIGHT: 150px; TEXT-ALIGN: left">
<p>
Aqui va lo que tu quieras
</p>
</div>
</div>