HOLAHOLA
Códigos útiles en html
Autor fosebad:
CENTRAR LA WEB
Cita:<div style="width:900px; position: relative; margin-left: auto; margin-right: auto;">
Atras - Actualizar - Adelante
Cita:<input type="button" value="Atrás" onclick="history.back()" style="font-family: <b>Verdana</b>; font-size: <b>8</b> pt"><br /> <input type="button" value="Actualizar" onclick="window.location.reload()" style="font-family: <b>Verdana</b>; font-size:<b> 8 </b>pt"><br /> <input type="button" value="Adelante" onclick="history.forward()" style="font-family: <b>Verdana</b>; font-size:<b> 8</b> pt">
CAJA DE CODIGO CON BOTON COPIAR
Cita:<span id="Caja1" class="Caja1"><span style="font-weight: bold;">Haga click dentro de la caja de texto para copiar su contenido</span><br /> <br /> </span> <textarea onclick="copyCaja1(document.getElementById('code1'));return false;" rows="3" cols="16" id="code1"><span style="font-weight: bold;">EL TEXTO O CÓDIGO QUE DESEE QUE APAREZCA DENTRO DE LA CAJITA Nº1</span></textarea> <script> <br /> function copyCaja1(elt) { <br /> var urlSwf = "copy.swf"; <br /> var flash = document.getElementById("C1"); <br /> var divinfo = '<embed src="http://www.mygirlyspace.com/' + urlSwf + '" name="copy_swf" FlashVars="clipboard='+escape(elt.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>'; <br /> flash.innerHTML = divinfo; <br /> elt.focus(); <br /> elt.select(); <br /> document.getElementById("Caja1").innerHTML = "<span style="font-weight: bold;">¡El texto ha sido copiado!</span><br/>"; <br /> return true; <br /> } <br /> </script> <br /> <div id="C1"> </div>
pd. Si quieres colocar más de una caja en una sola página, escribe el mismo código reemplazando los 1 por 2
PROBADOR DE HTML
Cita:<script><br /> function probar(texto) {<br /> ventana = window.open('', 'popup', '');<br /> ventana.document.write(texto);<br /> }<br /> </script><br /> <form action="" name="probador"><br /> <font face="Verdana" size="2">Esto es un probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!<hr /><br /> </font><textarea rows="10" cols="50" name="texto"></textarea><font face="Verdana" size="2"> <br /><br /> </font><input type="button" onclick="probar(texto.value)" value="Convertir" /><font face="Verdana" size="2"> </font><br /> </form>
TABLA DE COLORES EN TU WEB
Cita:<iframe name="window" src="http://paneles.impresionesweb.com/webmasters/colores.htm" width="500" height="350" marginwidth="0" scrolling="yes" frameborder="0"></iframe>
FECHA EN TU SITIO
Cita:<script language="JavaScript"> <br /> <!-- <br /> mydate = new Date(); <br /> myday = mydate.getDay(); <br /> mymonth = mydate.getMonth(); <br /> myweekday= mydate.getDate(); <br /> weekday= myweekday; <br /> if(myday == 0) <br /> day = " Domingo, " <br /> else if(myday == 1) <br /> day = " Lunes, " <br /> else if(myday == 2) <br /> day = " Martes, " <br /> else if(myday == 3) <br /> day = " Miércoles, " <br /> else if(myday == 4) <br /> day = " Jueves, " <br /> else if(myday == 5) <br /> day = " Viernes, " <br /> else if(myday == 6) <br /> day = " Sábado, " <br /> if(mymonth == 0) <br /> month = "Enero " <br /> else if(mymonth ==1) <br /> month = "Febrero " <br /> else if(mymonth ==2) <br /> month = "Marzo " <br /> else if(mymonth ==3) <br /> month = "Abril " <br /> else if(mymonth ==4) <br /> month = "Mayo " <br /> else if(mymonth ==5) <br /> month = "Junio " <br /> else if(mymonth ==6) <br /> month = "Julio " <br /> else if(mymonth ==7) <br /> month = "Agosto " <br /> else if(mymonth ==8) <br /> month = "Setiembre " <br /> else if(mymonth ==9) <br /> month = "Octubre " <br /> else if(mymonth ==10) <br /> month = "Noviembre " <br /> else if(mymonth ==11) <br /> month = "Diciembre " <br /> document.write("<font face=arial, size=1>"+ day); <br /> document.write(myweekday+" de "+month+ "</font>"); <br /> // --> <br /> </script>SALUDO SEGUN LA HORA DEL DIA
Cita:<Font size=2 face=arial><b> <br /> <Script Language="JavaScript"> <br /> <!-- <br /> today = new Date() <br /> if(today.getMinutes() < 10){ <br /> pad = "0"} <br /> else <br /> pad = ""; <br /> document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){ <br /> document.write("¡Buen día!") <br /> } <br /> if((today.getHours() >=10) && (today.getHours() <=11)){ <br /> document.write("¡Buen día!") <br /> } <br /> if((today.getHours() >=12) && (today.getHours() <=19)){ <br /> document.write("¡Buenas tardes!") <br /> } <br /> if((today.getHours() >=20) && (today.getHours() <=23)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> if((today.getHours() >=0) && (today.getHours() <=3)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> if((today.getHours() >=4) && (today.getHours() <=5)){ <br /> document.write("¡Buenas noches!") <br /> } <br /> // --> <br /> </script> <br /> </b></font>
TIEMPO RESTANTE PARA FINALIZAR EL DIA
Cita:<body> <p>Tiempo restante para finalizar el día</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; </font></p> <div align="center> </div> <p align=" style="color: rgb(0, 0, 0);" center=""><font face="Arial" size="1" color="#000000">updateReloj(); function updateReloj() { var tiempo = new Date(); var hora = 23-tiempo.getHours(); var minutos = 59-tiempo.getMinutes(); var segundos = 59-tiempo.getSeconds(); </font> <div align="center"><font face="Arial" size="1" color="#000000"> </font></div> <p align="center"><font face="Arial" size="1" color="#000000">tiempoAtras= (hora < 10) ? hora :hora; tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos; tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos; </font></p> <div align="center"><font face="Arial" size="1" color="#000000"> </font></div> <p align="center"><font face="Arial" size="1" color="#000000">document.Reloj.tiempo.value = tiempoAtras; </font></p> <div align="center"><font face="Arial" size="1" color="#000000"> </font></div> <p align="center"><font face="Arial" size="1" color="#000000">setTimeout("updateReloj()",1000); } //--> </script> </form> </body>
Reproducciónes
Códigos Útiles de HTML
