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
