Publicidad

El Blog de Ángel
El Blog de Ángel

Barra de aviso flotante en la parte superior

Esta Barra nos sirve para informar a nuestros visitantes, de un nuevo cambio en la web como: un concurso, nuevo articulo, post o una novedad etc.

Esta barra se mantendra flotante en la parte superior de tu web, y en ella utilizamos css, html y javascritp ya que tambien tiene la opcion de cerrar.

Tambien les dejo las imagenes para que las modifiquen a su gusto estilo y color espero les guste


<style type='text/css'>
/*<![CDATA[*/
#avisodisemucho{
z-index:99;
position:fixed;
top:0px; left:0px;

width:100%;
background: url(http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i4b9bb6d955c30530/1341508125/std/image.png);
font-size: 13px;
font-weight:bold;
border-bottom-left-radius:17px;
border-bottom-right-radius:17px;
-moz-border-bottom-left-radius:17px;
-moz-border-bottom-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
-webkit-border-bottom-right-radius:17px;
text-align:center;

padding:12px 0px;
}
a:link, a:visited {
text-decoration: underline;
color: #FFF;
}
#avisodisemucho:hover{
background: url(http://u.jimdo.com/www21/o/s4e9df44a0ad8ccd8/img/i3c9d7e8255d45988/1341508129/std/image.png);

}
/*]]>*/
</style>


<script type="text/javascript">
//<![CDATA[
function cerrarimagen(){
div = document.getElementById("cerrar");div.style.display="none";
}
//]]>
</script>