Añadir una barra desplazadora

1 comentó


El colega del blog Frikalia me preguntaba como poner una barra como la que tengo ahora mismo en la parte superior del blog. La cosa es saber combinar el CSS y el 'div' para darle forma a la barra y añadir en su interior los elementos que queramos. Para que la añadais, aqui teneis el codigo principal, en el que podemos modificar algunos parametros que mas abajo os explico. En Blogger lo podeis añadir todo en un gadget HTML/Javascript.

ejemplo de la barra, aqui puedes poner lo que quieras

CODIGO:


<div id="barradesp">
<div style="float: left; margin-left: 10px; margin-top: 4px;">
AQUI PON LO QUE QUIERAS

</div></div>

<style>
#barradesp {
    background: none repeat scroll 0 0 #3B3B3B;
    color:#ffffff ;
    font-family: Verdana;
    font-size: 1.3em;
    height: 32px;
    opacity: 0.9;
    position: fixed;
    top:0;
    left:0;
    width: 100%; 
}
</style>




Parametros modificables:
Donde esta en rojo añadis los elementos a mostrar.
background: none repeat scroll 0 0 #3B3B3B;COLOR DE LA BARRA 
color:#ffffff ;COLOR DEL TEXTO
font-family: Verdana;FUENTE DEL TEXTO
font-size: 1.3em;TAMAÑO DEL TEXTO
height: 32px;TAMAÑO DE LA BARRA
opacity: 0.9;TRANSPARENCIA DE LA BARRA
top:0;INDICA QUE LA BARRA APARECE ARRIBA, PARA PONERLA ABAJO, LO SUSTITUIS POR bottom:0;