- Diseño 4

Un Cursor diferente al entrar en tu pagina

Cambia el nombre del cursor por el que quieras utilizar y recuerda subir el cursor a tu servidor en el mismo directorio donde este la pagina . Bajate el que mas te guste . Boton derecho , guardar como ...

cursorani.cur

cursor1.cur

cursor3.cur

<style>

</style>

Codigo,texto con sombra.

<div id="sombra" style="position:relative;width:300;height:50r;filter:shadow(color=#00FFFF)"> <br> <font color=#CC0000 size=5>AQUI TU TEXTO<br></DIV><br>

</font></br>

Guarda esta imagen , la cual puedes modificar a tu gusto , respetando las medidas y posicion de los elementos , ya que se trata de una imagen iperactiva i funciona por las coordenadas de posicion del raton sobre el grafico . Lo mas facil es pegar encima de nuestro minibanner el tuyo , 88x31 luego modifica en el script nuestra url por la tuya y guarda la imagen en el mismo directorio donde utilices el script .

           <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <IMG SRC="minilab.gif" WIDTH=297 HEIGHT=31 BORDER=0 ismap USEMAP="#colormap"> <MAP NAME="colormap"> <AREA COORDS="89,1,102,14" HREF="javascript:fondo('#FFFFFF')"> <AREA COORDS="104,1,117,14" HREF="javascript:fondo('#00FFFF')"> <AREA COORDS="119,1,132,14" HREF="javascript:fondo('#FF00FF')"> <AREA COORDS="134,1,147,14" HREF="javascript:fondo('#0000FF')"> <AREA COORDS="149,1,162,14" HREF="javascript:fondo('#FFFF00')"> <AREA COORDS="164,1,177,14" HREF="javascript:fondo('#00FF00')"> <AREA COORDS="179,1,192,14" HREF="javascript:fondo('#FF0000')"> <AREA COORDS="194,1,207,14" HREF="javascript:fondo('#808080')"> <AREA COORDS="89,16,102,29" HREF="javascript:fondo('#C0C0C0')"> <AREA COORDS="104,16,117,29" HREF="javascript:fondo('#008080')"> <AREA COORDS="119,16,132,29" HREF="javascript:fondo('#800080')"> <AREA COORDS="134,16,147,29" HREF="javascript:fondo('#000080')"> <AREA COORDS="149,16,162,29" HREF="javascript:fondo('#808000')"> <AREA COORDS="164,16,177,29" HREF="javascript:fondo('#008000')"> <AREA COORDS="179,16,192,29" HREF="javascript:fondo('#800000')"> <AREA COORDS="194,16,207,29" HREF="javascript:fondo('#000000')"> <AREA COORDS="209,0,296,30" HREF="http://www.creatupropiaweb.com"> </MAP>

Copia y pega donde quieres que salga la imagen , recuerda guardar la imagen en el mismo directorio donde este la pagina donde lo utilices . ( Para guardar la imagen pica encima de ella , boton derecho de tu raton , guardar como )
Texto que aparece dejando mensajes
<script language="JavaScript1.2">var delay=3000 //pausa (en milisegundos) var fcontent=new Array() begintag='<font face="Arial" size=2>' //tag que abre los mensajes fcontent[0]="<b></b><br><br>Crea tu propia pagina personal." fcontent[1]="Monta tu pagina con FrontPage Express , veras que es muy facil." fcontent[2]="En estas paginas encontraras los recursos y la manera de poder realizarlo de forma muy sencilla." closetag='</font>' var fwidth=150 //ancho var fheight=150 //alto ///No editar///////////////// var ie4=document.all&&!document.getElementById var ns4=document.layers var DOM2=document.getElementById var faderdelay=0 var index=0 if (DOM2) faderdelay=2000 //function to change content function changecontent(){ if (index>=fcontent.length) index=0 if (DOM2){ document.getElementById("fscroller").style.color="rgb(255,255,255)" document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag colorfade() } else if (ie4) document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag else if (ns4){ document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag) document.fscrollerns.document.fscrollerns_sub.document.close() } index++ setTimeout("changecontent()",delay+faderdelay) } // colorfade() partially by Marcio Galli for Netscape Communications. //////////// frame=20; hex=255 // Initial color value. function colorfade() { // 20 frames fading process if(frame>0) { hex-=10; // increase color value document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")";// Set color value. frame--; setTimeout("colorfade()",20); } else{ document.getElementById("fscroller").style.color="rgb(255,0,0)"; frame=20; hex=255 } } if (ie4||DOM2) document.write('<div id="fscroller" style="border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px"></div>') window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>
Copia y pega donde quieres que aparezca

Los colores de este estan en RGB .
255,0,0
0,255,0
0,0,255
255,255,255 blanco
0,0,0

       Rotador de
        imagenes

         <script language="JavaScript1.1"> var specifyimage=new Array() //Your images specifyimage[0]="boy4.gif" specifyimage[1]="boy5.gif" specifyimage[2]="boy6.gif" 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='PUSH')">
Copia y pega donde quieras el efecto y recuerda poner tus imagenes dentro del mismo directorio donde tengas la pagina donde lo utilices .

Boton con multitud de enlaces

<font face="Arial, Helvetica, sans-serif" size="2"> <script language="JavaScript">  var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 3 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Crea tu propia WEB" urlArr[1] = "http://www.creatupropiaweb.com" lineArr[2] = "Los Codigos Web" urlArr[2] = "http://www.iespana.es/LosCodigosWeb/" lineArr[3] = "La web del Albañil" urlArr[3] = "http://es.geocities.com/juha_web/index.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>
Copia y pega donde quieras poner los botones en tu pagina

Menu sencillo

Menú Principal

Monta tu web y Gratis!

El portal de humor

El mundo del motor

Un portal nuevo para ti

Tu puedes entrar en el

              <head> <style> .menulines{ border:1px solid white; } .menulines a{ text-decoration:none; color:black; } </style> <script language="JavaScript1.2"> /* Highlight menu effect script: By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com */ function borderize(what,color){ what.style.borderColor=color } function borderize_on(e){ if (document.all) source3=event.srcElement else if (document.getElementById) source3=e.target if (source3.className=="menulines"){ borderize(source3,"black") } else{ while(source3.tagName!="TABLE"){ source3=document.getElementById? source3.parentNode : source3.parentElement if (source3.className=="menulines") borderize(source3,"black") } } } function borderize_off(e){ if (document.all) source4=event.srcElement else if (document.getElementById) source4=e.target if (source4.className=="menulines") borderize(source4,"white") else{ while(source4.tagName!="TABLE"){ source4=document.getElementById? source4.parentNode : source4.parentElement if (source4.className=="menulines") borderize(source4,"white") } } } </script> </head>
                      Copia y pega entre <head>
              <body> <table border="0" width="200" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)"> <tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>Menú Principal</b></font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.creatupropiaweb.com"> Monta tu web y Gratis!</a></font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.tonachadas.com"> El portal de humor</a> </font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.superpotencia.tk"> El mundo del motor </a> </font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.tunuevoportal.com"> Un portal nuevo para ti </a></font></td></tr> <tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.mirefugio.tk"> Tu puedes entrar en el </a> </font></td></tr> </table> <br><br><br> </body> </html>
Copia y pega donde quieres que salga el menu , puedes modificar colores , tipo de texto , , ,

Menu horizontal con desplazamiento . Pasa el raton por las flechas .                 <style> body{ overflow-x:hidden; overflow-y:scroll; } </style>
                            Copia y pega en el <head>
<script language="JavaScript1.2"> /* Scrollable Menu Links- By Dynamicdrive.com For full source, TOS, and 100s DTHML scripts Visit http://dynamicdrive.com Modificado por http://www.creatupropiaweb.com */ //configura aqui las imágenes var goleftimage='izquierda.gif' var gorightimage='derecha.gif' //configura la anchura del menú var menuwidth=300 //configura la velocidad del scroll (1-10), cuanto mayor, mas rápido var scrollspeed=6 //specify menu content var menucontents='<nobr><a href="http://www.creatupropiaweb.com"><b>Creatupropiaweb</a> | <a href="http://www.google.com">Super buscador</a> | <a href="http://www.superpotencia.tk">El mundo de las 4 ruedas</a> | <a href="http:www.creatupropiaweb.com">Aumenta las visitas a tu web</b></a></nobr>' ////NO CAMBIES NADA A PARTIR DE AQUI//////////// var actualwidth='' var ns_scroll function fillup(){ if (document.all){ test2.innerHTML=menucontents actualwidth=test2.offsetWidth } else if (document.layers){ ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2 ns_scroll.document.write(menucontents) ns_scroll.document.close() actualwidth=ns_scroll.document.width } } window.onload=fillup function moveleft(){ if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth)) test2.style.pixelLeft-=scrollspeed else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth)) ns_scroll.left-=scrollspeed lefttime=setTimeout("moveleft()",50) } function moveright(){ if (document.all&&test2.style.pixelLeft<0) test2.style.pixelLeft+=scrollspeed else if (document.layers&&ns_scroll.left<0) ns_scroll.left+=scrollspeed righttime=setTimeout("moveright()",50) } if (document.all||document.layers){ with (document){ write('<table border="0" cellspacing="0" cellpadding="0">') write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0></a> </td>') write('<td valign="top">') if (document.all){ write('<span style="position:relative;width:'+menuwidth+';">') write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">') write('<span id="test2" style="position:absolute;left:0;top:0">') write('</span></span></span>') } else if (document.layers){ write('<ilayer width='+menuwidth+' name="ns_scrollmenu">') write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>') } write('</td>') write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">') write('<img src="'+gorightimage+'"border=0></a>') write('</td></table>') } } </script>
Copia y pega donde quieras el menu , guarda estas imagenes en el mismo directorio que el codigo y lugar donde lo utilices o utiliza las que tu quieras modificando el script .

<script language="JavaScript1.2"> //drag drop function for NS 4//// ///////////////////////////////// var dragswitch=0 var nsx var nsy var nstemp function drag_dropns(name){ temp=eval(name) temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) temp.onmousedown=gons temp.onmousemove=dragns temp.onmouseup=stopns } function gons(e){ temp.captureEvents(Event.MOUSEMOVE) nsx=e.x nsy=e.y } function dragns(e){ if (dragswitch==1){ temp.moveBy(e.x-nsx,e.y-nsy) return false } } function stopns(){ temp.releaseEvents(Event.MOUSEMOVE) } //drag drop function for IE 4+//// ///////////////////////////////// var dragapproved=false function drag_dropie(){ if (dragapproved==true){ document.all.showimage.style.pixelLeft=tempx+event.clientX-iex document.all.showimage.style.pixelTop=tempy+event.clientY-iey return false } } function initializedragie(){ iex=event.clientX iey=event.clientY tempx=showimage.style.pixelLeft tempy=showimage.style.pixelTop dragapproved=true document.onmousemove=drag_dropie } if (document.all){ document.onmouseup=new Function("dragapproved=false") } ////drag drop functions end here////// function hidebox(){ if (document.all) showimage.style.visibility="hidden" else if (document.layers) document.showimage.visibility="hide" } </script>
Copia y pega en <head>

<div id="showimage" style="position:absolute;width:250px;left:10;top:70"> <table border="0" width="250" bgcolor="#FF0000" cellspacing="0" cellpadding="4"> <tr> <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"> <tr> <td onMousedown="initializedragie()" style="cursor:move" width="100%"><ilayer width="100%"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0"> <center> <font face="Verdana" color="#FFFFFF"><strong>AQUÍ PUEDES PONER UN TITULO</strong></font> </center></layer></ilayer></td> <td style="cursor:hand"><a href="#" onClick="hidebox();return false"> <img src="close.gif" border=0 width="16" height="16"></a></td> </tr> <tr> <td width="100%" bgcolor="#CCCC33" style="padding:2px" colspan="2">  <div align="center"><font size="2">Aquí puedes poner lo que quieras.<br>Imágenes, enlaces , , ,<img src="boy4.gif" border="0"></font><p><strong> <font size="2"><br>Cualquier código html sirve para configurar el mensaje que tu quieras.</font></strong></div>  </td> </tr> </table>
Copia y pega en tu pagina <body> si te da algun problema incluye esta parte dentro de una tabla . Puedes modificar los colores , el tipo de fuente , el tamaño , , , Guardate esta imagen en el mismo directorio que el script y la pagina .

       Texto RULETA      <SCRIPT> ///////////////////////////////////////////////////////////////////////////// // www.creatupropiaweb.com,edita tu texto desde esta linea ///////////////////////////////////////////////////////////////////////////// // Set your messages. Add as many as you like var text=new Array() text[0]=" >>>> Creatupropiaweb" text[1]=" >>>> RECURSOS" text[2]=" >>>> TUTORIALES" text[3]=" >>>> VIDEOS" text[4]=" >>>> MUSICA" text[5]=" >>>> JAVASCRIPTS" // Set the font var textfont="Arial" // Set the font-size var textfontsize=16 // Set the font-color var textfontcolor="#ff0000" // Set the font-weight (values from 100 to 900) var textweight="900" ///////////////////////////////////////////////////////////////////////////// // WWW.CREATUPROPIAWEB.COM,NO TOQUES NADA MAS ///////////////////////////////////////////////////////////////////////////// var textitalic="0" var message=new Array() var x_textposition=0 var y_textposition=0 var i_segments=Math.round(360/text.length) var i_grad=0 var grad=0 var colorrgbred var colorrgbgreen var colorrgbblue var windowwidth var windowheight var ns4=document.layers?1:0 var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0 if (textweight=="bold") {textweight=900} if (textweight=="normal") {textweight=100} if (textitalic=="italic") {textitalic=1} if (textitalic=="normal") {textitalic=0} for (i=0;i<=text.length-1;i++) { message[i]=text[i].replace(/'/g,"`") } translateintorgb() function translateintorgb() { var hexanewred=textfontcolor.substring(1,3) var hexanewgreen=textfontcolor.substring(3,5) var hexanewblue=textfontcolor.substring(5,7) colorrgbred=parseInt("0x"+hexanewred) colorrgbgreen=parseInt("0x"+hexanewgreen) colorrgbblue=parseInt("0x"+hexanewblue) } function initiate() { windowheight=parseInt(document.body.clientHeight)/2 windowwidth=parseInt(document.body.clientWidth)-40 for (i=0;i<text.length;i++) { var thisspan=eval("document.all.rotationstyle"+i) thisspan.style.posLeft=20 thisspan.style.posTop=0 } settexts() } function settexts() { for (i=0;i<text.length;i++) { var thisid="rotationobj"+i var thisspan=eval("rotationstyle"+i) thisspan.innerHTML= '<OBJECT ID="'+thisid+'" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+windowwidth+'px;height:'+2*windowheight+'px">'+ '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+ '<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+ '<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+ '<PARAM NAME="Line0004" VALUE="SetFont(''+textfont+'', '+textfontsize+', '+textweight+', '+textitalic+', 0, 0)">'+ '<PARAM NAME="Line0005" VALUE="Text(''+message[i]+'',0, 2, 0)">'+ '</OBJECT>' } for (i=0;i<text.length;i++) { var thisobj=eval("rotationobj"+i) thisobj.Rotate(0,i_grad,0) i_grad+=i_segments } startscroll() } function startscroll() { for (i=0;i<text.length;i++) { var thisobj=eval("rotationobj"+i) thisobj.Rotate(1,2,0) } timer=setTimeout("startscroll()",20) } if (ie) { for (i=0;i<text.length;i++) { var thisid="rotationstyle"+i var thisobjid="rotationobj"+i document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>") document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>") document.write("</OBJECT>") document.write("</SPAN>") onload=initiate } } </SCRIPT>
                                     Copiar y pegar

Un reloj para acompañar a           tu  cursor            <///Traducido y modificado por www.creatupropiaweb.com///><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>
Traducido y modificado por www.creatupropiaweb.com

Carteles de mensajes o pop ups

Visita mi pagina creatupropiaweb
con un click aqui venga

Que no te a quedado claro , no me lo hagas repetir .

<mas scripts en www.creatupropiaweb.com><script language="JavaScript1.2"> var scroller_width=200 var scroller_height=120 var bgcolor='#E0EFD1' var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var scrollercontent=new Array() //Define scroller contents. Extend or contract array as needed scrollercontent[0]='Esto te puede servir para plasmar tus noticias , o tus novedades yo que se lo que se te pueda ocurrir.' scrollercontent[1]='Que no te a quedado claro , no me lo hagas repetir .' scrollercontent[2]='Visita mi pagina <a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br>con un click aqui <a href="http://www.creatupropiaweb.com"> venga</a>' ////NO need to edit beyond here///////////// var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1 if (ie4||dom) document.write('<div style="position:relative;width:'+scroller_width+';height:'+scroller_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+scroller_width+';height:'+scroller_height+';top:'+scroller_height+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>') else if (document.layers){ document.write('<ilayer id=tickernsmain visibility=hide width='+scroller_width+' height='+scroller_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+scroller_width+' height='+scroller_height+' left=0 top=0>'+scrollercontent[0]+'</layer></ilayer>') } var curpos=scroller_height*(1) var degree=10 var curcanvas="canvas0" var curindex=0 var nextindex=1 function moveslide(){ if (curpos>0){ curpos=Math.max(curpos-degree,0) tempobj.style.top=curpos } else{ clearInterval(dropslide) if (crossobj.filters) crossobj.filters.alpha.opacity=100 else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=1 nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1" tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas) tempobj.innerHTML=scrollercontent[curindex] nextindex=(nextindex<scrollercontent.length-1)? nextindex+1 : 0 setTimeout("rotateslide()",pause) } } function rotateslide(){ if (ie4||dom){ resetit(curcanvas) crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas) crossobj.style.zIndex++ if (crossobj.filters) document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20 else if (crossobj.style.MozOpacity) document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2 var temp='setInterval("moveslide()",50)' dropslide=eval(temp) curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0" } else if (document.layers){ crossobj.document.write(scrollercontent[curindex]) crossobj.document.close() } curindex=(curindex<scrollercontent.length-1)? curindex+1 : 0 } function resetit(what){ curpos=scroller_height*(1) var crossobj=ie4? eval("document.all."+what) : document.getElementById(what) crossobj.style.top=curpos } function startit(){ crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub if (ie4||dom){ crossobj.innerHTML=scrollercontent[curindex] rotateslide() } else{ document.tickernsmain.visibility='show' curindex++ setInterval("rotateslide()",pause) } } if (ie4||dom||document.layers) window.onload=startit </script> </p> </center>
cortar y pegar <body>

Reloj con dia mes y año
indicando si es de dia o de noche

<CENTER><SCRIPT LANGUAGE="JAVASCRIPT"> ') /* ###################################################################### ################ SCRIPT BY BURNBLADE ##################### ################ Visit My Site At ##################### ################ http://www.burning.net ##################### ################ © copywrite 1997 ##################### modificado por www.creatupropiaweb.com This script may be used as long as the above lines are not changed in any way. */ var watchID = null var watchRun = false function stopwatch(){ if(watchRun) clearTimeout(watchID) watchRun = false } function startwatch(){ stopwatch() dayTime() } function dayTime() { day = new Date(); hour = day.getHours(); minute = day.getMinutes(); second = day.getSeconds(); if (hour > 12) { hours = hour - 12; part = 'Del Dia'} else { part = 'De la Noche'; if (hour == 0) { hours = 12 } else { hours = hour } } if (minute < 10) {minutes = 0} else {minutes = ""} if (second < 10) {seconds = 0} else {seconds =""} date = ('' +"Mes "+(day.getMonth() + 1)+" Dia "+day.getDate()+ " del año "+day.getYear()+ ''); time = ('' + hours + ":"+minutes+""+minute+ ":"+seconds+""+second+ '') parts = ('' +part+ '') document.timedate.time.value = time document.timedate.date.value = date document.timedate.parts.value = parts watchID = setTimeout("dayTime()",1000) watchRun = true } document.write('') // End Digital Watch--> </script> <BODY onLoad="startwatch()"> <form name="timedate" onSubmit="0"> <table cellspacing=0 cellpadding=0> <tr align=center> <td><INPUT TYPE="text" NAME="time" SIZE=6 VALUE ="..Starti"></td> <td><INPUT TYPE="text" NAME="parts" SIZE=12 VALUE ="ng.."></td> <td colspan=2><INPUT TYPE="text" NAME="date" SIZE=28 VALUE ="........"></td> </tr> </table> </form></CENTER> 
En el <body>

Enlaces llamativos con colores
<mas scripts en www.creatupropiaweb.com><script language="JavaScript"></script> <a href="http://www.creatupropiaweb.com">Javascripts</a> <br> <a href="http://www.creatupropiaweb.com">creatupropiaweb</a><br> <a href="http://www.creatupropiaweb.com">Juegos</a> 
En el <body>

<Mas scripts en www.creatupropiaweb.com><SCRIPT LANGUAGE="JavaScript">
var txt="                              :-) www.creatupropiaweb.com             -                            PARA CREAR TU WEB O MEJORARLA";
var espera=100;
var refresco=null;
function rotulo_title() {

En el <body>

Fijate en la parte superior , en el titulo del navegador
donde sale siempre lo de Microsoft Internet Explorer
en explorer claro .

Menu al picar con tu boton derecho del raton
Compruebalo tu mismo
 <style>  </style> <SCRIPT LANGUAGE="JavaScript1.2">     </script>
Entre el <head>

<div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> <div class="menuitems" url="http://www.creatupropiaweb.com">Creatupropiaweb</div> <div class="menuitems" url="http://www.creatupropiaweb.com">Otra vez a creatupropiaweb</div> <hr> <div class="menuitems" url="http://www.creatupropiaweb.com">y otra a creatupropiaweb</div> <div class="menuitems" url="http://www.creatupropiaweb.com">pues otra vez</div> <hr> <div class="menuitems" url="http://www.creatupropiaweb.com">te lo imaginas</div> <div class="menuitems" url="http://www.creatupropiaweb.com">Para que cambiar</div> </div> <script language="JavaScript1.2"> if (document.all && window.print) { ie5menu.className = menuskin; document.oncontextmenu = showmenuie5; document.body.onclick = hidemenuie5; } </script>
En el <body>

Como copiarlo jejeje muy facil abre tu editor de texto
selecciona con tu boton izquierdo y arrastralo
a tu editor , block de notas ,,,
 <center>  <img id="reflect" src="LA DIRECCION DE TU IMAGEN"><br> <script language="JavaScript1.2"> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); } if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </script> </center>

ventana popup alentrar en tu pagina                  <SCRIPT language=Javascript> open('NOMBRE PAGINA.HTM','TITULO PAGINA',"toolbar=0,location=0,status=0,menubar=0,scrollbars=yes,resizable=YES,width=490,height=250");</SCRIPT>
                               En el <body>

Efecto de reflejo en el agua

<Mas scripts en www.creatupropiaweb.com>
<form name="velocidad"> <script>
function calcular(peso){
    fin = new Date();
    vel = (peso/1024)/((fin-inicio)/1000)+'';
    vel = vel.substring(0, 5);
    document.forms.velocidad.valor.value = vel;
}
inicio = new Date();
document.write('<img style="position:absolute; visibility:hidden" src="http://TU IMAGEN" onload="calcular(this.fileSize)">');
</script>Página bajada a <input type="text" size="3" name="valor" value="..."> kbps</form>

En el <body>

Copia y pega el codigo en las paginas que quieras mostrar la velocidad de apertura , fijate en el script y cambia TU IMAGEN , por la direccion correcta a una imagen que tengas en tu servidor . ( tu logo , un banner ,, )