Codigo html
Autor: ARMANDO H.Buenas tardes
Tengo este Script al que me gustaria añadirle tambien el dia de la semana, Lunes, Martes, etc.. adjunto imagen como me gustaria que quedara, estoy muy verde en este tema, alguien me podria ayudar ?. La imagen es solo un ejemplo, si alguien tiene una sugerencia mejor ordenada, se lo agradeceria. Gracias y saludos Armando H.
<style type="text/css"> .mifecha {background-color:#ff7800; padding:3px; width:110px; text-align:center; font-family:verdana, arial; font-size:12pt; border-radius:5px;} .mifecha .ano{background-color:#707070; color:#ffe3c1; padding:2px; font-size:100%; margin-bottom:3px; letter-spacing:2px; font-weight:bold;} .mifecha .dia{background-color:#4ba3d8; color:#1957c0; font-size:300%; padding:2px 8px 5px; margin-bottom:3px; font-weight:bold; text-shadow:1px 1px 1px #000;} .mifecha .mes{background-color:#707070; color:#ffe3c1; font-size:80%; padding:2px; font-weight:bold;} </style> <script type="text/javascript"> var f=new Date(); var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"); document.write('<div class="mifecha">'); document.write('<div class="ano">' + f.getFullYear() + '</div>'); document.write('<div class="dia">' + f.getDate() + '</div>'); document.write('<div class="mes">' + meses[f.getMonth()] + '</div>'); document.write('</div>'); </script>
Autor
Buenas tardes
Ya lo he solucionado. Gracias de todos modos.
Saludos Armando H.
Autor
Hola
Lo pongo aqui por si a alguno le gusta, pueden cambiarlo a su gusto
Saludos Armando
<style type="text/css">
.mifecha {
background-color: #999;
padding: 3px;
width: 110px;
text-align: center;
font-family:verdana, arial;
font-size: 12pt;
}
.mifecha .ano{
background-color: #339;
padding: 2px;
font-size: 100%;
margin-bottom: 3px;
color: #fff;
letter-spacing: 3px;
font-weight: bold;
}
.mifecha .dia{
background-color: #99f;
font-size: 300%;
padding: 5px 8px;
margin-bottom: 3px;
font-weight: bold;
}
.mifecha .mes{
background-color: #339;
font-size: 80%;
padding: 2px;
color: #fff;
font-weight: bold;
}
.mifecha .semana{
background-color: #339;
font-size: 80%;
padding: 2px;
color: #fff;
font-weight: bold;
}
</style>
<script>
var f=new Date();
var meses = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var semana = new Array ("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado");
document.write('<div class="mifecha">');
document.write('<div class="semana">' + semana[f.getDay()] + '</div>');
document.write('<div class="dia">' + f.getDate() + '</div>');
document.write('<div class="mes">' + meses[f.getMonth()] + '</div>');
document.write('<div class="ano">' + f.getFullYear() + '</div>');
document.write('</div>');
</script>