JCPA Technolgy
Home
Msn desde Mi Web
Que son codes Html
Codes De Layout
Codes De Reloj Flash
Codes De Fecha Y Hora
Codes De Texto
Codes De Cursores
Codes varios
Codes Sobre El Menu
Codes sobre Imagenes y Banners
Codes De Todo
Codes Mas Recientes
Codes Para web O Pagina
Codes De Barra De Estado
Los Ultimos Codes
Codes De Intros Flash
Tutoriales
Libro de visitantes
Contacto
En Prueba De JcpTechnology
JCP TECNOLOGY COMPANY
Webmasters
PRUEBA DE LAYOUT
Codes De Todo
Codes De Todo
Abrir una web en pop up:
<script language='JavaScript'>window.open('http://www.codesweb.es.tl', 'geoflotante', '');</script>
Hora para finalizar el dia:
<body> <p>El reloj...</p> <form name="Reloj"> <input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día"> <script language="JavaScript"> <!-- var tiempoAtras; updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; document.Reloj.tiempo.value = tiempoAtras; setTimeout("updateReloj()",1000); } //--> </script> </form> </body>
Poner musica de fondo:
<BGSOUND SRC="aca el sonido" LOOP=none> <WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">
Link para descarga:
<a href="aca el url de la descarga" _fcksavedurl="aca el url de la descarga">Descripción del enlace </a>
Subrayar un link al pasar por el mause:
<STYLE type="text/css"> <!-- A:link {COLOR: red; TEXT-DECORATION: none} A:visited {COLOR: gray; TEXT-DECORATION: none} A:active {TEXT-DECORATION: none} A:hover {COLOR: blue; TEXT-DECORATION: underline} --> </STYLE> </p> <p><a href="l1.htm" _fcksavedurl="l1.htm">El texto que quieras.</a><br> <a href="l2.htm" _fcksavedurl="l2.htm">otro texto.</a><br> <a href="l3.htm" _fcksavedurl="l3.htm">Otro texto.</a><br> </p>
Transformar al cursor en una mira:
<style type="text/css"> <!-- body { cursor: crosshair} --> </style>
Comentario sobre un link en la barra:
<a href="http://codesweb.es.tl" _fcksavedurl="http://codesweb.es.tl" onmouseout="window.status=''" onmouseover="window.status='Acá pon el mensaje que quieras';return true"> codes web</a>
Abrir un link en una ventana nueva:
<a href="http://www.codesweb.es.tl" _fcksavedurl="http://www.codesweb.es.tl" target="_blank">Codes web</a>
Barra con color:
<style> <!-- body { scrollbar-face-color: darkgreen ; scrollbar-shadow-color: yellow; scrollbar-highlight-color: violet; scrollbar-3dlight-color: navy; scrollbar-darkshadow-color: magenta; scrollbar-track-color: blue; scrollbar-arrow-color: black } --> </style>
Abrir un link desde una imagen:
<a href="http://codesweb.es.tl" _fcksavedurl="http://codesweb.es.tl" target="_blank"><img src="acatuimagen.gif" _fcksavedurl="acatuimagen.gif" border=0></a>
Boton animado:
<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] = "Codes web" urlArr[1] = "www.codesweb.es.tl" lineArr[2] = "Trucos web" urlArr[2] = "http://codesweb.es.tl" lineArr[3] = "Los mejores codigos" urlArr[3] = "http://www.codesweb.es.tl" 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>
Boton colorido:
<input type="submit" name="button" value="Pone aca lo que quieras" style="color: #000000; background-color: #FF9900">
Texto que sigue al mause:
<style> .animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;} </style> <script language=JavaScript> var x,y var tempo=10 var espera=0 var texto="Estas en Codes web" texto=texto.split("") var xpos=new Array() for (i=0;i<=texto.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=texto.length-1;i++) { ypos[i]=-50 } function seguir(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY espera=1 } function animar_cursor() { if (espera==1 && document.all) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("span"+(i)+".style") camada.posLeft=xpos[i] camada.posTop=ypos[i] } } else if (espera==1 && document.layers) { for (i=texto.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+tempo ypos[i]=ypos[i-1] } xpos[0]=x+tempo ypos[0]=y for (i=0; i<texto.length-1; i++) { var camada = eval("document.span"+i) camada.left=xpos[i] camada.top=ypos[i] } } var timer=setTimeout("animar_cursor()",30) } </script> <script Language=JavaScript> for (i=0;i<=texto.length-1;i++) { document.write("<span id='span"+i+"' class='animado'>") document.write(texto[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = seguir; animar_cursor() </script>
Imagen volando por la pantalla:
<SCRIPT language="JavaScript1.2"> var imagem="pone el url de tu imagen aqui" if (document.layers) {document.write("<LAYER NAME='animacao' LEFT=10 TOP=10><img src='"+imagem+"' ></LAYER>")} else if (document.all){document.write("<div id='animacao' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")} conta=-1; move=1; function curva(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()*[i])} iniciar=abc[C]; setTimeout('curva()',1900); return iniciar; } ypos=10; xpos=10; movimento = 60; function moveR(){ caminho=movimento+=iniciar; y = 4*Math.sin(caminho*Math.PI/180); x = 6*Math.cos(caminho*Math.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.animacao.top=ypos+window.pageYOffset; document.animacao.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.animacao.style.top=ypos+document.body.scrollTop; document.all.animacao.style.left=xpos+document.body.scrollLeft; } T=setTimeout('moveR()',50); } function edges(){ if (document.layers){ if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5); if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5); if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5); if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5); if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK! if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function efeito(){ curva(); moveR();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) efeito() </script>
Texto en espancion:
<script language="JavaScript"> var velocidade = 45; var ciclo = 2000; var tamanho = 20; var x = 0; var y = 0; var mensagens, size; var esize = "</font>"; function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var mensagens2 = new initArray( "Visita", "www.codesweb.es.tl", "luciano_caram@hotmail.com" ); if(navigator.appName == "Netscape") document.write('<layer id="wds"></layer><br>'); if (navigator.appVersion.indexOf("MSIE") != -1) document.write('<span id="wds"></span><br>'); function aumenta(){ mensagens = mensagens2[y]; if (x < tamanho) { x++; setTimeout("aumenta()",velocidade); } else setTimeout("diminui()",ciclo); if(navigator.appName == "Netscape") { size = "<font face=arial color=#000099 point-size='"+x+"pt'>"; document.wds.document.write(size+"<center><a href=http://acavatupagina.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE") != -1){ wds.innerHTML = "<font face=arial color=#000099><center><a href=http://acavatupagina.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>"; wds.style.fontSize=x+'px' } } function diminui(){ if (x > 1) { x--; setTimeout("diminui()",velocidade); } else { setTimeout("aumenta()",ciclo); y++; if (y > mensagens2.length - 1) y = 0; } if(navigator.appName == "Netscape") { size = "<font face=arial color=#000099 point-size='"+x+"pt'>"; document.wds.document.write(size+"<center><a href=http://acavatupagina.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center>"+esize); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE") != -1){ wds.innerHTML = "<font face=arial color=#000099><center><a href=http://acavatupagina.com Target=_blank style=text-decoration:none;color:#000099>"+mensagens+"</a></center></font>"; wds.style.fontSize=x+'px' } } setTimeout("aumenta()",velocidade); </script>
Pagina protegida por clave:
<Form name="frm"> <center> <Script Language="JavaScript"> <!-- // function loadpage(){ var psj=0; newwin = window.open(document.frm.pswd.value + ".htm") } //--> </script> Ingresa tu clave: <input type="password" name="pswd" size="20"> </center> <center> <p> <input type="button" value="Entra" onClick="loadpage()" name="button"> </p> </center> </form>
Mensaje de bienvenida:
<Script language="JavaScript"> mensagem = prompt("Por favor, ingresa tu nombre",''); if (mensagem==null) { document.write("¡Hola, visitante!") }else{ if (mensagem=='') { document.write("<b><font face=arial size=2 color=#000000>¡Hola, visitante!</font></b>") }else{ document.write("<b><font face=arial size=2 color=#000000>¡Hola"+mensagem+"! Bienvenido a mi sitio</font></b>"); } } </script>
Barra de estado fija:
<Script language="JavaScript"> statuss(); function statuss() { window.status = "www.codesweb. Todo lo necesario para ser el mejor web master"; setTimeout("statuss()", 1); } </script>
Saludo al visitante segun el horario:
<Font size=2 face=arial><b> <Script Language="JavaScript"> <!-- 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> </b></font>
Texto animado:
<script language="JavaScript"> <!-- done = 0; step = 4 function anim(yp,yk) { if(document.layers) document.layers["texto"].top=yp; else document.all["texto"].style.top=yp; if(yp>yk) step = -4 if(yp<60) step = 4 setTimeout('anim('+(yp+step)+','+yk+')', 35); } function start() { if(done) return done = 1; if(navigator.appName=="Netscape") { document.texto.left=innerWidth/2 - 145; anim(60,innerHeight - 60) } else { texto.style.left=11; anim(60,document.body.offsetHeight - 60) } } // --></script> <div id="texto" style="position: absolute; top: -50; color: #FF8000; font-family: Arial, Helvetica; font-weight:bold; font-size:40px;"> <p><font face="Arial, Helvetica, sans-serif" size="3"><b><font size="6" color="#990000">INGRESA TU TEXTO AQUI</font></b></font></p> </div> <script language="JavaScript"> <!-- setTimeout('start()',10); //--> </script>
Efectos de transición especiales:
<body> <script language=javaScript> var n = 15 fadeIn(); function fadeIn(){ var num=new Array("FFFFFF","FFCC00","2","3","4","5","6","7","8","9","a","b","c","d","e","f","g") for (var i=0; i<=n; i++){ for (var j=0; j<= n; j++){ color=num[i]+num[j]+num[i]+num[j]+num[i]+num[j] document.bgColor=color }} document.bgColor="#FFFFFF" } </script> </body>
Crear un formulario o libro de visitas:
http://rapidshare.de/files/38640321/Libro_de_visitas.txt.html
Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!
Hora
Nombre de usuario:
Contraseña:
Contador
creation blog
Lo ultimo De Codes
hebergement nom de domaine
Lo Mas Modernos
Create a Lava Lamp
Hoy habia 1 visitantes (6 clics a subpáginas) ¡Aqui en esta página!
Este sitio web fue creado de forma gratuita con
PaginaWebGratis.es
. ¿Quieres también tu sitio web propio?
Registrarse gratis