Gadgets html Para el desarrollo de tu pagina web

Gadgets html Para el desarrollo de tu pagina web

Size
Price:

Leer más




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/AVvXsEjbPEag9BdArM0QUMtSRgfNWLTAP-3a1zT3OQoy9xOnMxWQeg8F7CuoXjkExhKd5-Zn_I8bERBXvPVGVbM6pVPxkFx0NcgwIuiLU3qLWoptzV3V6hohK4kGAloh0iMZwdcqsPhyVGAGzOs/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/AVvXsEjuCGOWVY9jbZ_Vl_62RnYYoudSmnt47-ViPP-Ggw3N_55unvVBcNokSviCm6tbnpFLCb2f67LTaC2j1KhMaALduPBBniCWxpocYz9Sfw_nrDH5mWtGr05-EnDVeJKhCjE_7LtTLpv5Sw0/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/AVvXsEjdmYWF4zdGDg0ps6y4Iik76FJ4oAEUzoalA6UPrn-WgZLH4Bda878ZNGpb151YrkhFcZ1ipAIxz9K7JKG6JkyRmywHZYVXFEu0BLdCUI0V_DabHqsIG_rxViFhA-gWhJJo6y6vV5K02bw/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/AVvXsEhL-ib69CMQr3TNc7HvmkzUnUjUDkvhr_4NxpNXpU6FswFk1pxvDy6oWzed6zxPji_3zVjtzoD-75bE1nomxOv1NdjvGVzgT8LvUSD5yo8Y-4u7X0t76fbJLAKqiswYBkXoMWi73IzJ_rc/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/AVvXsEjiL02YIyrYeMj_LtnOO_h4JCya8D3mo-B0P9hyJDj1e5UDhVqZSpxzhK8_Zd7vvxP8w83OOhz1KJp7gAPbIBoDTHbrPjTOqf0TXgK3zNYuCYeQjrsSiPvcg5CohhbqwLXtcCxm-W0RcrM/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/AVvXsEjpQDR_JHaMrdlzYdYV8_b9XXiLlt-cduX78zBT86snwOPmIVtALKliuRgjpQ3Hm1b8B2VXKX-n9gFOkUqMkAbm0GfXJdU75bWvQbc6IOWjEnrnLxs2aaetewbSNamLbSjvo00lHYcQGXs/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/AVvXsEiV0q8biZZ1FydwmHsS-R41C6OiD_ahgcVbFAPBPsWa5ugpIj0FKvrRR0H6D8ui9cRYLrvEjkcfiUnAQmTz2cE-lYjZahXCJUaV7EFOpTMbA9wYiJjXv0jYXuvY074SS2PjBek6tNrcw9M/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/AVvXsEjgyxDGmu80oL9pGO8B0kUdgrNgEqEAyDKUCWaqoqJ1oaeDknOJ23__8FS04K-7NpqTkA8LTkTZ7EGLmhZXBMhBcu4UzRqkwXLp0a-TrOgymrLjs4YYZSzrOcq5bm9Y6Qsy1lHAIE6oqFc/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/AVvXsEgvwHXliMzYcGd6_xF_4H7zc-KJ7UpTac6vSnEFz1evoTqxHstbJ8KnGiMi5lMwW2_edP6hexdME8VNhtt0DaWuTz4ealM0SIwK_P3LlC2qKnI_CA5tB9pxqXUKJAa7A8O1n0SobP7bQSY/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/AVvXsEgSWrHBSJuNab-bOIVRNzeuBuvSt78ZEjKBm5PQLi6zdItMJeVY6xI5JdwDf62jlb3krHuu-zaRvKoUyw_tlFj68X-tW7IuYK1ILQ8mJjOdYV7Fe2IycZfh6ooVTnRhRkG9MFCPZfB_PXI/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/AVvXsEgv68fm-asJs9HCiKRmqZPPoyu1DcBrwdC1JUA2DQHspM1ct-gvQhjefNsvuD8dY64FzSGIQOLkfjy8z9NuSOFD7qA4brQmhsuHn3n4UPszUnxyMUmOlBTWovR8yAGc809fDVUXxszgIzg/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/AVvXsEh2Z2OFlBHDIa3SUdlZxZaQJGsWb2CARlD2B413k79YYGhFNohfnUsVJzMC5V6SDfjxvIC406mWstQqxk2xEvWRVMCjdv88oTgVwP7SKyaZSm80_Afzg05LmLimsE3n8P1ACb_HJhqVDrU/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/AVvXsEg0DRsXUu2os1vNbtkfmxlb3ctsDKRxl9xLEiZw-dzahurMm_d-i7S6ZSdRRYCi3UJRV_kvWOwRRaQQRDDW9k8coIVvR5tVy208sAeoo7bvSbKyt9xroB_2RO7DRD5itc1bE1Y3vWDbP6hk/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/AVvXsEgAM4fczaqPr2xsiM-_HpsLFEYfvO9O_BtrCvI5dhEIZbAQFHsydKbxr7txXH9hx8joN2pGMeyV1soNuL1QN6r-gFtXd-ZzfmbM5hOkftrzswX4086bn3FJp9PgKkfooN7yh6ABIJnoBkjj/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/AVvXsEgdCZycjQxbZuAtSFpcRe7S8tFh1EfMELgKuxlsEfzeuRxY_D427d5Q-38rSfhrh96op3800fHEnfnTl76Q7VYMgMfdt-LBye0zOtuy6mwVI96FAEDYggQcC6V6bJQEUxGlhoVVL8vq5Ct3/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/AVvXsEgsfaVs1x_Az2l_WNlo6dTaNqOqIOCSesbTFcJfxbUK20Ecp1dWcvwsgb_bzFxsmm354n06q2iCXTr-DsYdy_OLrBBe6Uw1Do7parQ6P724NRXc1VddjEedprGGjaijSkureOBYH4knwCaF/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/AVvXsEhiBHua0GXreXcZk0C_kdXonw72vqt5ZR1RFDBIUlLNQUosoPFhoGJ86J8LzanhU67lE28PdW4om_cLnIV90DO2bTy7qZvtTM8xfzfcoTrxR8CRd6KRv1Cr0GIHh5xSIbUtcA3cBM2OW_Q9/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/AVvXsEis19VcGNKgm5iP_E8hs4ael-01WzW93h3iudFxjVXyIjjUpr7ZDcokZdNd4Se6DrMntt-TPVywXcngVNbKSj0SqgH5gLzaaonygShh3KTLdNPKq1vHf6IL31DcGpr5FyB8ZEvkzWF7kFzI/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/AVvXsEjXBN9OHvZ_1Ui9jtVrPpr91Tr0Uf00QGtIV_xEfreZcgZm9cyhW_g-wgMGw7Qxcx9tX-JTx7qRgaASr6aIUdrHH5Bg2AVj_JKuAAgXAQP6K5RGtwPXelcXp3OAO2k8sUdIH8fPSDPo-mJS/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/AVvXsEhU8HcOmZwWNipK_h-rx7Jgvnz4Z570a570Fga2ezcuDPjnRaKGv7tF3mcT68Tf0Q9M3aG0XPFgOKWqz7gSe1ZilctCcmSIkzThyphenhyphengAdh3-4xH5OMNqAVhJ_WWWwkDQx5lVz0uswoxGJUbfl/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>


0 Reviews

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *