Dentro del diseño web, un scroll sirve para aglomerar contenido de la página cuando éste excede sus límites de ancho y alto. Dispone de una barra de desplazamiento, horizontal o vertical, para moverse por el contenido que excede de las propiedades de la web.
- Ubicación: plantilla (sin expandir artilugios).
- Proceso:
1.) Copiar lo siguiente antes de ]]></b:skin>
#scroll {
width:400px;
height:200px;
background-color:#99CC66;
overflow:auto;
}
Aqui podemos cambiar el color del fondo background-color:#FFFFFF;
Aqui el ancho width:400px;
Aqui el alto height:200px;
Editar las medidas de alto y ancho según las del blog, así como los colores del background. Con overflow: auto sólo aparecerán las barras del scroll en caso de que el contenido sea mayor a las medidas que se añadieron en la plantilla. Si deseamos que siempre aparezcan las barras del scroll en lugar de overflow: auto añadiremos overflow: scroll en su lugar. Si el contenido no excede las medidas las barras quedan deshabilitadas. En el momento que es mayor el contenido las barras se habilitan.
Como último paso tras guardar los cambios anteriores, sólo queda colocar un código más:
- Ubicación: cada vez en la entrada a publicar, o en la plantilla de entrada (aparece cada vez que se crea una). Para esto último ir a Configuración > Entradas y comentarios > Plantilla de entrada.
- Proceso:
<div align="left">
<div id="scroll">
<p>Aquí lo que queremos que este dentro del scroll</p>
</div>
</div>
Y quedaría así (texto sacado de Wikipedia):
MODO 2
- Ubicación: cada vez en la entrada a publicar, o en la plantilla de entrada (aparece cada vez que se crea una). Para esto último ir a Configuración > Entradas y comentarios > Plantilla de entrada.
- Proceso:
<div style="height: 300px; overflow: auto;">
<div class="wp_syntax">
<table><tbody>
<tr><td class="line_numbers"><pre><span style="color: blue;">TEXTO A INCLUIR EN EL SCROLL</span>
</pre>
</td><td class="code"><pre class="language" style="font-family: monospace;"><span style="color: blue;">
</span></pre>
</td></tr>
</tbody></table>
</div>
</div>
Ya solo queda incluir el contenido donde se especifica TEXTO A INCLUIR EN EL SCROLL. Las medidas del scroll (por defecto, a 300 px de altura) deben cambiarse de acuerdo a las que tenga el blog.
