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.
Escribir la entrada, normalmente, incluir imágenes, enlaces, etc., una vez acabada ir en la pestaña HTML, y pongas este código al comienzo del texto que deseas comprimir.
Este es el código:
<div id="scroll"> <p> Texto dentro del scroll </p> </div></p> </div> |
O TAMBIEN
Si queremos que nos quede centrado
Le añadimos esto
<div align="center"> <div id="scroll"> <p>Texto dentro del scroll </p> </div> </div> |
ASI SE DEBE PONER EL CÓDIGO
<div align="center"><div id="scroll"><p>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.</p></div></div>
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.
Luego ir a:
Plantilla ►Personalizar ►Diseñador de Plantillas ► Avanzado ► Añadir Código CSS Personalizado |
En el recuadro pegar el Código
/*scroll
------------*/
#scroll {
background:#cccccc;
border: 1px solid black;
width:400px;
height:200px;
overflow: scroll;
NUESTRO PROYECTO TERMINADO
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 faucibuT
