Etiquetas: Trucos 
El cuadro de Scroll es un cuadro que permite comprimir un texto, con una barra lateral (de desplazamiento).Se puede utilizar cuando hay que poner un código o un texto extenso en una entrada con el fin de comprimirla sin modificar el código la plantilla.
Este permite seleccionar y copiar lo que esté en su interior.
SCROLL
Lorem ipsum dolor sit amet, consectetur adipiscing elit . Quisque nec ligula a augue dictum facilisis. Proin eget tellus sed ipsum aliquam lobortis quis vitae quam. Sed lacinia metus erat, sit amet pellentesque tellus tempor sit amet. Donec vulputate eleifend orci, et dapibus sem. Proin orci velit, luctus a vehicula et, tincidunt ac mauris. Donec molestie pharetra nibh a pellentesque. Vivamus vitae varius nisi. Suspendisse id ligula consectetur, cursus lacus non, commodo purus. Curabitur semper sagittis tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Quisque non pulvinar risus. Nunc suscipit volutpat lectus ac molestie. Quisque aliquam eros leo, at consectetur arcu sollicitudin sit amet. Praesent feugiat diam in tellus porttitor elementum. Aenean vulputate massa a lectus porttitor luctus. Suspendisse egestas molestie turpis, nec cursus neque ultricies pellentesque. Nunc non feugiat leo, quis varius velit. Integer vulputate pharetra nunc sit amet vestibulum. Sed accumsan orci non tempus tempor. Cras vehicula dapibus ante, a iaculis odio. Vivamus tristique nec metus nec tincidunt.
Nam tempus ipsum sit amet fringilla commodo. Sed dapibus turpis neque. Proin condimentum, mauris vitae ullamcorper tempor, nibh nisl faucibus leo, vehicula porta libero velit sed lectus. Aliquam porttitor feugiat mi. Nulla quis ultricies tortor. Donec hendrerit justo egestas odio eleifend volutpat. Phasellus bibendum leo massa, a fermentum sem viverra sit amet. Vivamus pulvinar gravida felis. Aliquam non quam vel dolor iaculis bibendum eget eu mi.
Lorem ipsum dolor sit amet, consectetur adipiscing elit . Quisque nec ligula a augue dictum facilisis. Proin eget tellus sed ipsum aliquam lobortis quis vitae quam. Sed lacinia metus erat, sit amet pellentesque tellus tempor sit amet. Donec vulputate eleifend orci, et dapibus sem. Proin orci velit, luctus a vehicula et, tincidunt ac mauris. Donec molestie pharetra nibh a pellentesque. Vivamus vitae varius nisi. Suspendisse id ligula consectetur, cursus lacus non, commodo purus. Curabitur semper sagittis tempus. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Quisque non pulvinar risus. Nunc suscipit volutpat lectus ac molestie. Quisque aliquam eros leo, at consectetur arcu sollicitudin sit amet. Praesent feugiat diam in tellus porttitor elementum. Aenean vulputate massa a lectus porttitor luctus. Suspendisse egestas molestie turpis, nec cursus neque ultricies pellentesque. Nunc non feugiat leo, quis varius velit. Integer vulputate pharetra nunc sit amet vestibulum. Sed accumsan orci non tempus tempor. Cras vehicula dapibus ante, a iaculis odio. Vivamus tristique nec metus nec tincidunt.
Nam tempus ipsum sit amet fringilla commodo. Sed dapibus turpis neque. Proin condimentum, mauris vitae ullamcorper tempor, nibh nisl faucibus leo, vehicula porta libero velit sed lectus. Aliquam porttitor feugiat mi. Nulla quis ultricies tortor. Donec hendrerit justo egestas odio eleifend volutpat. Phasellus bibendum leo massa, a fermentum sem viverra sit amet. Vivamus pulvinar gravida felis. Aliquam non quam vel dolor iaculis bibendum eget eu mi.
Este es el código:
<div align="center" style="background:#CCCCCC; border-bottom: #000000 1px dotted; border-left-color: #AFAFAF; border-left-style: outset; border-right-color: #AFAFAF; border-right-style: inset; border-top-color: #AFAFAF; border-top-style: groove; color: black; height: 100px; overflow: scroll; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; width: auto;">
Para personalizarlo cambia lo que esta en rojo
align la alineación del texto.
background el color de fondo.
height se modifica la altura total que va a tener.
width: se modifica la ancho total que va a tener, al ponerle auto el cuadro ocupa toda el área del blog, ajustándose automáticamente.
