Scroll donde nos interese

Hoy vamos a añadir un scroll donde queramos de nuestro blog y lo haremos añadiendo unos códigos en los CSS.
Lo añadiremos justo antes de ]]></b:skin>.
El código sería este:


#scroll {
width:400px;
height:200px;
background-color:#333333;
overflow:auto;
}


overflow: auto Sólo aparecen las barras del scroll en caso de que el contenido sea mayor a las medidas que se añadieron en la plantilla (400px/200px).

overflow: scroll Si deseamos que las barras del scroll esten visibles.

Para utilizar el scroll lo haremos de la siguiente forma:

<div id="scroll">
<p>Contenido del scroll </p>
</div>


El resultado obtenido seria mas o menos este:



El scroll puede modificarse:

Añadir una imagen de fondo en lugar de color:

background:url('url_imagen');

Dar color a las fuentes:

color:#308014;

Añadirle un borde:

border-top: 2px solid #308014;
border-left: 2px solid #308014;
border-right: 2px solid #308014;
border-bottom: 2px solid #308014;


Visto en: Gemablog

Related Posts with Thumbnails