:: CP - Recursos Web :: - Barra de aviso

Barra de aviso

¡Atención! Visite los nuevos codigos Javascript Haciendo click aqui!

Barra de avido

Esta barra es muy util para colocar cualquier tipode avisos en tu web-site e incluye un botom para que el usuario la pueda cerrar en caso que la quiera seguir viendo.
Uno script muy sencillo que le da un muy buen toque a tu web.

[ Ejemplo: ]

Mira arriba y veras la barra de ejemplo

Codigo:

<script type="text/javascript" src="http://cssplantillas.netau.net/rec/js/barratopalert.js"></script>
<style type="text/css">
#mta_bar{background:#FA5858;border-bottom:2px solid #FF0000; 
margin: 0 0 3px 0; padding: 4px 0;z-index:100;top:0;left:0;
width: 100%;overflow: auto;position:absolute;color:#333;}
* html #mta_bar{position: absolute;
width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");}
.leftr {float: left;text-align:center;font-family:verdana;font-size: 11px;font-weight:bold;
font-style: normal;color:#000; width: 80%;}
.rightr {font-family: Arial, Helvetica, sans-serif;float: right;text-align: right;
font-weight: normal;font-size: 10px;letter-spacing: 0;width: 19%;white-space: nowrap;}
.right a {font-size: 10px;color: #0000FF; text-decoration: underline;}
.right a:hover {font-size:10px;color:#0000FF;text-decoration: none;}
#left_bar a { text-decoration: none;color:#006699;font-weight:bold;}
#left_bar a:hover {text-decoration:none;color:#000;}</style>
<div id="mta_bar"><div id="left_bar"><span class="leftr">
¡Atención! Visite los nuevos codigos Javascript <a href="/Javascript-avanzado.htm">Haciendo click aqui!</a>
</span></div>
<span class="rightr" onmouseover="self.status='MaxBlogPress.com';return true;" onmouseout="self.status=''"><img src="https://img.webme.com/pic/c/cssplantillas/cerrarp.gif" onClick="closeTopAds();return false;" style="cursor:hand;cursor:pointer;" align="absmiddle" border="0"></span></div>

Instrucciones:
Solo debes editar donde dice: "Pon aqui tu texto"
Si tienes conosimientos de "Css" puedes modificarlo si no sabes no te recoemdamos hacer modificaciones en el resto del script.
*Para cualquier duda aqui mismo o en el foro de soporte

Ya lo han visto 104 visitantesGracias por tu visita!

Recomendamos:

| CERRAR