Scrollbar en un párrafo o texto largo.
En posts anteriores explicaba como añadir scrollbars a diferentes partes del blog. En este post te explicaré como puedes añadir una scrollbar a un párrafo o a un texto demasiado largo. Es muy sencillo...
Buscamos en el CSS las propiedades de la sidebar, el título podría ser SidebarContent */ y en debajo de alguno de los bloques de códigos de Sidebar Content */ pegaremos este:
Guardamos cambios.
Ahora cada vez que quieras mostrar el recuadro con scrollbar en un párrafo lo haremos de esta manera:
Lógicamente, es muy pesado copiar y pegar siempre esta línea, por eso la puedes pegar en Configuración>Formato>Plantilla de entrada y lo pegamos en el recuadro de plantilla de entrada.
Ahora aparecerá automáticamente en las nuevas entradas que vallamos a crear, si no lo quieres, bórralo de la entrada y escribe normal.
Recuerda...
height: el alto de la caja con scrollbar, está en 130 px
width: el ancho de la caja con scrollbar, está en 130 px
border: el borde de la caja con scrollbar, está en 2 px y borde solid (línea recta, sólida)
Diseño>edición HTML>expandimos artilugios
Buscamos en el CSS las propiedades de la sidebar, el título podría ser SidebarContent */ y en debajo de alguno de los bloques de códigos de Sidebar Content */ pegaremos este:
.scrollingtext {
height:130px;
width:130px;
border:2px solid;
overflow:auto;
}
Guardamos cambios.
Ahora cada vez que quieras mostrar el recuadro con scrollbar en un párrafo lo haremos de esta manera:
<div class="scrollingtext">Aqui el parrafo o texto</div>
Lógicamente, es muy pesado copiar y pegar siempre esta línea, por eso la puedes pegar en Configuración>Formato>Plantilla de entrada y lo pegamos en el recuadro de plantilla de entrada.
Ahora aparecerá automáticamente en las nuevas entradas que vallamos a crear, si no lo quieres, bórralo de la entrada y escribe normal.
Recuerda...
height: el alto de la caja con scrollbar, está en 130 px
width: el ancho de la caja con scrollbar, está en 130 px
border: el borde de la caja con scrollbar, está en 2 px y borde solid (línea recta, sólida)
0 comentarios:
Publicar un comentario
¡Gracias por comentar!