Estamos realizando un proyecto de certificado de sitio seguro pero se no has planteado unos problemas.
La idea es poder generar un código algo similar a google adsense que genera un código la única diferencia es que es de publicidad.
El código generado deseado es mostrar una imagen de sitio verificado pero que muestre la fecha actual.
La imagen en generar el código y mostrar la fecha es esta:
¿Ahora mi pregunta es como generar el código con la imagen y la fecha actual?
Javascript o jQuery
Hasta ahora solo he conseguido mostrar la fecha y darle algo de estilo
Con los estilos css podría implementar fácilmente la imagen, el problema es que tocaría obligar a utilizar los estilos css y esa no es la idea la idea es generar el código del certificado de la imagen algo similar a google adsense se muestre tomando datos del servidor. Toca aclarar que en el certificado tendrá un enlace con los datos del cliente que esta verificado.
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>');
.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;
}
.mifecha2 {
border: 1px solid #ddd;
padding: 3px;
text-align: center;
font-family:verdana, arial;
font-size: 10pt;
overflow: hidden;
width: 100%
}
.mifecha2 .mesano{
float: left;
padding: 3px;
font-weight: bold;
}
.mifecha2 .dia, .mifecha2 .diaactual{
width: 20px;
padding: 3px;
margin-left: 3px;
background-color: #ddd;
float: left;
}
.mifecha2 .diaactual{
background-color: #999;
font-weight: bold;
}