Estilos de atajos tipográficos de SPIP

Estilos CSS asociados a los atajos tipográficos más corrientes y más simples de SPIP.

He aquí los estilos CSS asociados a los atajos tipográficos más corrientes y más simples de SPIP.

Para facilitar el formateo de textos, SPIP propone una conjunto de «atajos SPIP» que son objeto de un tratamiento automatizado para transformarlos en HTML. Para personalizar este formateo de textos, puedes modificar los estilos asociados a estos atajos tipográficos.

De manera general, los atajos SPIP generan la etiqueta HTML correspondiente, agregándoles la clase CSS spip. Veámoslo en detalle.

Los párrafos de Spip

Para crear párrafos con SPIP, alcanza con dejar una línea vacía. Esto genera el código HTML siguiente:

<p class="spip">He aquí el texto de mi párrafo.</p>

Para ajustar, por ejemplo, el espacio entre cada párrafo, modifica la definición del estilo: p.spip.

Nota: esto sólo es válido para los textos en varios párrafos; los textos escritos en un solo bloque —en un solo párrafo en el formulario del espacio privado— no están dotados de la etiqueta <p>.

Los intertítulos de Spip

Les intertítulos se crean con el atajo siguiente:

{{{Un intertítulo}}}

Su apariencia se controla por la definición de estilo h3.spip. Este estilo es sin duda uno de los más importantes, porque permite definir el tamaño, la fuente y el posicionamiento de los intertítulos en los artículos: llegarás sin duda a modificarlo en función de tus elecciones gráficas y tipográficas.

Nota en particular los atributos margin y padding que permiten actuar sobre los espacios del intertítulos con los párrafos precedente y siguiente. Sin estos ajustes, el intertítulo estaría ya sea demasiado «pegado» al resto del texto, ya sea demasiado separado.

La línea de separación horizontal de Spip

La línea de separación horizontal se genera con este atajo SPIP :

----

Su apariencia está controlada por la definición de estilo: hr.spip.

Nota: La línea horizontal (<hr>) es un elemento delicado de adornar, pues los diferentes navegadores interpretan diferentemente los estilos CSS que se le aplican.

Negrilla e itálica

La letras en negrilla y en cursiva son generadas respectivamente por los atajos siguientes:

texto {{en negrilla}}, texto {en itálica o cursiva}

Su apariencia es controlada por las definiciones de estilo respectivas: strong.spip y i.spip. Estilos en si poco útiles (pues ya tienen sus características por omisión), y dehecho no definidos en la distribución.

Histpórico: en las versiones anteriores a Las notas de pié de página

Las notas de pié de página se crean con el atajo:

El texto[[Esto es una nota de pié de página.]].

Su apariencia está controlada por varias definiciones de estilo:
-  a.spip_note permite diferenciar visualmente las llamadas de notas de pié de página (es decir los números que las referencian, tanto en el cuerpo de texto, como al pié) de los otros enlaces;
-  p.spip_note controla como aparecen las notas en si; en general no muy útil (pues se preferirá influir con un estilo en una etiqueta madre, definido de esta manera: .notes p).

Autor o autora dani Publicado el: Actualizado: 28/06/23

Traducciones: català, English, Español, français, italiano, Nederlands