SCROLL EN UNA ENTRADA DEL BLOG |
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.
En la entrada normalmente, incluir imágenes, enlaces, etc., una vez acabada.
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;"> |
AH ESTE CODIGO DEBES PONERLO PERO CON EDICION HTML EN LA ENTRADA |
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.
EL EJEMPLO SERÍA ASÍ
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.
