supertopio

codigos html 4

tiempo atmosférico en un paisaje animado

Sonido de fondo en la página

Subir imagenes a ImagesHack

<h3>      </h3> <form enctype="multipart/form-data" method="post"      action="http://load.imageshack.us/" target="_blank"> <font      color="#0000ff" size="4"><em><strong><a      target="_self" href="http://www.seba37.es.tl"  _fcksavedurl="http://www.seba37.es.tl"      _fcksavedurl="http://www.seba37.es.tl"      _fcksavedurl="http://www.seba37.es.tl">Subir      Imágen</a></strong></em></font><font      color="#0000ff"> </font><br /> <br /> <input      type="hidden" name="PHPSESSID" value="b0a04e9eab46a137d520bf98fef60d13"      /> <table> <tbody> <tr> <td><img  alt=""     src="http://imageshack.us/img/imageshack.png"  _fcksavedurl="http://imageshack.us/img/imageshack.png"      _fcksavedurl="http://imageshack.us/img/imageshack.png"      _fcksavedurl="http://imageshack.us/img/imageshack.png" /></td>      <td> </td> </tr> </tbody> </table>  <br     /> <input type="hidden" name="MAX_FILE_SIZE"  value="1048576"     /> <input type="hidden" name="aff" />  <input type="hidden"     name="type" value="blank" /> <input  type="hidden" name="where"     value="iframe" /> <br />  <input size="3" type="file"     name="fileupload" /><br />  <input type="submit"     value="Subir imagen" /> </form>  <tr> </tr> <td     body=""> </td>

Efecto niebla para el fondo de tu web

<script language="JavaScript"> var author="www.dseffects.com"; var image="pic.jpg"; var speed="2"; var direction="down"; var bgtype="resize"; var bgposx="center"; var bgposy="center"; var interactive="no"; var regkey=""; </script> <script src="DS_BGFog.js"></script>

Rotador de Imagenes

Efecto de sangre en tu web

Texto tembloroso

Efecto Gotas de Lluvia

<SCRIPT  LANGUAGE="JavaScript">  var no = 50;  var speed = 1;  var ns4up = (document.layers) ? 1 : 0;  var ie4up = (document.all) ? 1 : 0;  var s, x, y, sn, cs;  var a, r, cx, cy;  var i, doc_width = 800, doc_height = 600;  function initRain() {  a = 6;  r[i] = 1;  sn = Math.sin(a);  cs = Math.cos(a);  cx[i] = Math.random() * doc_width + 1;  cy[i] = Math.random() * doc_height + 1;  x[i] = r[i] * sn + cx[i];  y[i] = cy[i];  }  function makeRain() {  r[i] = 1;  cx[i] = Math.random() * doc_width + 1;  cy[i] = 1;  x[i] = r[i] * sn + cx[i];  y[i] = r[i] * cs + cy[i];  }  function updateRain() {  r[i] += s;  x[i] = r[i] * sn + cx[i];  y[i] = r[i] * cs + cy[i];  }  function raindropNS() {  for (i = 0; i < no; ++ i) {  updateRain();  if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >=  (doc_height - 20))) {  makeRain();  doc_width = self.innerWidth;  doc_height = self.innerHeight;  }  document.layers["dot"+i].top = y[i];  document.layers["dot"+i].left = x[i];  }  setTimeout("raindropNS()", speed);  }  function raindropIE() {  for (i = 0; i < no; ++ i) {  updateRain();  if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >=  (doc_height - 20))) {  makeRain();  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  document.all["dot"+i].style.pixelTop = y[i];  document.all["dot"+i].style.pixelLeft = x[i];  }  setTimeout("raindropIE()", speed);  }   if (ns4up) {  doc_width = self.innerWidth;  doc_height = self.innerHeight;  }  else if (ie4up) {  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  x = new Array();  y = new Array();  r = new Array();  cx = new Array();  cy = new Array();  s = 8;  for (i = 0; i < no; ++ i) {   initRain();  if (ns4up) {  if (i == 0) {  document.write("<layer name='dot"+i+"' left='1' top='1'  visibility='show'><font  color='blue'>,</font></layer>");  }  else {  document.write("<layer name='dot"+i+"' left='1' top='1'  visibility='show'><font  color='blue'>,</font></layer>");  }  }  else if (ie4up) {  if (i == 0) {  document.write("<div id='dot"+i+"' style='POSITION: absolute;  Z-INDEX: "+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;'><font  color='blue'>,</font></div>");  }  else {  document.write("<div id='dot"+i+"' style='POSITION: absolute;  Z-INDEX: "+i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;'><font  color='blue'>,</font></div>");  }  }  }  if (ns4up) {  raindropNS();  }  else if (ie4up) {  raindropIE();  }  // End -->  </SCRIPT>

botones para ir atras, adelante y arriba

Browser que tiembla al cargar la página

Efecto hojas que caen

Boton Personalizado con enlace

<font  face="Arial, Helvetica, sans-serif" size="2"><script  language="JavaScript" type="text/javascript"> //<![CDATA[  var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 4 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax)  lineArr[1] = "Codigos Hmtl lord_bayron" urlArr[1] ="http://nuestrasxarlas.es.tl/codigos-html/" lineArr[2] = "decora  tu web" urlArr[2] = "http://nuestrasxarlas.es.tl/-DeCoRa-Tu-wEb" lineArr[3] = "gif de todo" urlArr[3] = "http://nuestrasxarlas.es.tl/GiF-dE-tOdO" lineArr[4] = "http://nuestrasxarlas.es.tl/iNiCiO.htm" urlArr[4] = "http://nuestrasxarlas.es.tl/iNiCiO.htm"  var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } document.write("<form name="formDisplay">"); document.write("<input type="button" name="buttonFace"  value="&{lineText}" size="18"  onClick="GotoUrl(urlArr[lineNo])">"); document.write("</form>"); StartShow(); //]]> </script></font>

flechas ir arriba e ir abajo

Subidores de archivos

relojes por paises

<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> presentacion de imagenes <div align="center"> <center> <table border="0"  cellpadding="0" cellspacing="0" style="border-collapse: collapse"  bordercolor="#111111"> <tr> <td width="503"><img  src="http://www.yomaster.com/banner/ban_yomaster.gif"  _fcksavedurl="http://www.yomaster.com/banner/ban_yomaster.gif"  width="479" height="48" name="photoslider"></td> </tr>  <tr> <td width="503"><form method="POST"  name="rotater"> <div align="center" style="width: 477; height:  79"><center><p> <script language="JavaScript1.1">  /* Photo Slider II- By Kevin Adams (kadams70@hotmail.com) For this  script and more Visit http://www.javascriptkit.com */ var photos=new  Array() var text=new Array() var which=0 var what=0 //Change the below  variables to reference your own images. You may have as many images in  the slider as you wish photos[0]="url de imagen 0" photos[1]="url de  imagen 1" photos[2]="url de imagen 2" photos[3]="url de imagen 3"  photos[4]="url de imagen 4" photos[5]="url de imagen 5" photos[6]="url  de imagen 6" //change coresponding description text[0]="texto imagen 0"  text[1]="texto imagen 1" text[2]="texto imagen 2" text[3]="texto imagen  3" text[4]="texto imagen 4" text[5]="texto imagen 5" text[6]="texto  imagen 6" window.onload=new  Function("document.rotater.description.value=text[0]") function  backward(){ if (which>0){ window.status='' which--  document.images.photoslider.src=photos[which]; what--  document.rotater.description.value=text[what]; } } function forward(){  if (which<photos.length-1){ which++  document.images.photoslider.src=photos[which] what++  document.rotater.description.value=text[what]; } else window.status='End  of gallery' } function type() { alert("This textbox will only display  default comments") } </script> <p><input  name="description" style="width:479px; float:left" size=50> <p  style="margin-top: 0; margin-bottom: 0"><font size="1">  </font></p> <p><input type="button"  value="<<Back" name="B2"  onClick_fckprotectedatt="%20onClick%3D%22backward()%22"> <input  type="button" value="Next>>" name="B1"  onClick="forward()"><br> <a href="#" _fcksavedurl="#"  onClick_fckprotectedatt="%20onClick%3D%22which%3D1%3Bwhat%3D1%3Bbackward()%3Breturn%20false%22"><small>Empezar</small></a></p>  </center></div> </form> </td> </tr>  </table> </center> </div>

Probador de plantillas CSS para PwG

Efecto arcoiris en enlaces al pasar el mouse

<script type="text/javascript"> //<! www.disemucho.jimdo.com [CDATA[  //]]> </script>

poner new

<img src="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" _fcksavedurl="http://img61.imageshack.us/img61/5580/newbotonoz0.gif" alt="Image Hosted by ImageShack.us" border="0"></a>

Efecto Burbujas

biemvenidos a supertopio!

afiliados

JUEGOS