Comunidad de diseño web y desarrollo en internet online

estilo css

Citar            
MensajeEscrito el 11 Ene 2010 07:40 am
Buenas, me he bajado el siguiente código que genera una cuenta regresiva desde una cierta fecha. Me hace exactamente lo que quiero, pero me gustaría saber qué es lo que tengo que ahcer para modificar el tamaño de la fuente, color etc.

Adjunto el código:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4. 01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>RELOJ QUE CUENTA HACIA ATRÁS</title>
<META NAME="GENERATOR" CONTENT="MAX's HTML Beauty++ 2004">
<script type="text/javascript" language="JavaScript">
// autor : jallmalatesta
var futuro = new Date (2004,1,3,20,16);
var actualiza = 5000;
function faltan(){
var ahora = new Date();
var faltan = futuro - ahora;
if (faltan > 0){
var segundos = Math. Round(faltan/1000);
var minutos = Math. Floor(segundos/60);
var segundos_s = segundos%60;
var horas = Math. Floor(minutos/60);
var minutos_s = minutos%60;
var dias = Math. Floor(horas/24);
var horas_s = horas%24;
document.formulario.reloj. Value= dias + " dias : " + horas_s + " horas : " +
+minutos_s + " minutos : " + segundos_s + " segundos" ;
setTimeout("faltan()",actualiza);
}
else {
document.formulario.reloj. Value= "0 dias : 0 horas : 0 minutos : 0 segundos" ;
return true;
}
}
</script>
</head>
<BODY onload="faltan()">
<form name="formulario">
<input type="text" name="reloj" value="" size="55" style="border : 0px ; text-align : center">
</form>
</body>
</html>


En el "input" aparece algo de "size", pero no hace nada y creo que es algo en el código de javascript: "document.formulario.reloj. Value= dias + " dias : " + horas_s + " horas : " +
+minutos_s + " minutos : " + segundos_s + " segundos" ;"

Gracias.

Por john_peretrucci

0 de clabLevel



 

msie8
Citar            
MensajeEscrito el 11 Ene 2010 03:36 pm
Lo que necestias es modificar el estilo de tu input, no toque el javascript debes de modificar el atributo style de tu etiqueta input

Código HTML :

<input type="text" name="reloj" value="" size="55" style="border : 0px ; text-align : center; font-family:'Arial', font-size:12px; color:#FF0000; "> 

con esos tres atributos adicionales podras cambiar el estilo de fuente el tamaño y el color de la misma

Copy, Paste, Play and Enjoy

De ahi nos cuentas como te fue

Por NeoCesar

Claber

1415 de clabLevel

14 tutoriales

Genero:Masculino  

Algun lugar dentro de la Matrix (Lima - Perú)

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.