Delicious LinkedIn Facebook Twitter RSS Feed

Post-it de aviso

Me pregunta Ascesino96: por intermedio del chat.
"quiero saber como poner ese mensaje de bienvenida que dice eso del firefox"
Bueno acá esta la respuesta:

Entré <body> y </body> poner este código:
<!--[if IE]>
<div id="postit" style="left:100px;top:120px">
<div align="right"><a href="javascript:closeit()"><img src="http://alojamiento/close_large.png" border="0"/></a></div><hr color=blue>
<center><b><font color="#FF0000" size="4">AVISO</font></b></center>
<p><font color="blue" size="3">Este blog está diseñado para que se visualice un 100% con firefox.</p>
<p>Este aviso aparece solo si se entra con Internet Explorer, una vez visto lo puede cerrar sin problemas.</p>
<p><strong>Es únicamente informativo.</strong> No le digo que utilice otro navegador, pero si quiere usted puede probar otra alternativa QUE LE RECOMIENDO.</font></p><p><center><font size="2" face="Arial"><a href="http://www.mozilla-europe.org/es/" target="_BLANK"><font face="Verdana" size="1">DESCARGAR MOZILLA FIREFOX GRATIS.</font></a></center></p><hr color=blue></div>
<script src='http://alojamiento/post.js' type='text/javascript'></script>
<![endif]-->

Lo que esta en azul es para que solo se vea cuando entran con Internet Explorer, si lo quitan se vera en todos los navegadores.
Después pueden cambiar a su gusto el mensaje del aviso, texto, color y medida del texto y la posición del post-it.
Donde dice alojamiento, ahí va el lugar en donde colocaron la imagen y el archivo post.js.
Acá les dejo ambos para descargar y subir a su servidor.

Y por ultimo entré <head> y </head> poner este código:
<style>
#postit{
position:absolute;
width:350px;
padding:5px;
background-color:lightyellow;
visibility:hidden;
text-align:justify;
z-index:500;
}
</style>

Ahí pueden cambiar el tamaño y color de fondo, pueden agregarle un borde.

0 comments:

Post a Comment