En esta oportunidad vamos a instalar en nuestra web/blog una barra flotante en el cual podrás ubicar botones de redes sociales, enlaces, anunciar algún evento, o cualquier elemento que contenga HTML o Javascript.
La instalación es muy fácil.
- Pega el siguiente código CSS en el "Head" de tu web (<head>*</head>)
<style type='text/css'>
/*<![CDATA[*/
#barraflotantewcv{
z-index:99;
position:fixed;
top:0px; left:0px;
width:100%;
height: 18px;
background: #0E99E4;
font-size: 13px;
font-weight:bold;
text-align:center;
padding:8px 0px;
}
#barraflotantewcv:hover{
background: #088AD0;
}
/*]]>*/
</style>
- Ahora simplemente pegamos el siguiente código en el body o simplemente en la sidebar de la web.
<div id="barraflotantewcv">
AQUI EL CÓDIGO
</div>
- En "AQUI EL CÓDIGO" deberás pegar el código del botón, botones, enlaces o simplemente escribir un texto y se mostrará como anuncio.
- Puedes cambiar de color a la barra simplemente cambiando el código del color.
ESCRITO POR: Hans H. Aguirre Gómez
Diseñador y Programador Web en el equipo de Webmastercv. Tutoriales para Jimdo en WebmasterCV DESIGN.
Últimos Temas
WEBMASTERCV forma parte del programa Jimdo Experts de Jimdo desde 2012.
Escribir comentario