En el artículo anterior, vimos las ventajas de las hojas de estilo CSS. Veamos ahora el uso específico que SPIP hace de las hojas de estilo.
Estilos definidos por SPIP
Cuando se utilizan los atajos tipográficos en los artículos con SPIP (permitiendo por ejemplo poner en negrita, en cursiva, crear enlaces hipertexto, íntertítulos, etc.) SPIP produce las balizas HTML necesarias a tal efecto, cada una de estas balizas está asociada a una clase de estilo CSS.
Por ejemplo,
Esto es un [enlace->http://www.uzine.net]
será transformado en código HTML así:
Esto es un <a href="http://www.uzine.net" class="spip_out">enlace</a>
El código HTML se completa así llamando a un estilo CSS llamado «spip_out ». Quién lo use puede lograr por tanto la personalización de su interfaz gráfica definiendo este estilo «spip_out»} (color diferente, fondo, letra utilizada, etc.).
La mayoría de los atajos tipográficos de SPIP pueden así ser parametrizados con hojas de estilo; algunos son muy útiles, otros se reservan a las webmisstres/webmasters que desean efectos exóticos...
¿Dónde se encuentra la definición de hojas de estilo?
Las propiedades gráficas aplicadas a las páginas HTML se agrupan en los ficheros .css que acompañan a los esqueletos. Los esqueletos y sus hojas de estilo están agrupados en el directorio squelettes-dist/.
- Las definiciones de estilo específicas de SPIP se encuentran en la "hoja de estilo externa" llamada spip_style.css. Contiene las definiciones de estilo asociadas al código generado por SPIP (revisado en esta sección).
- Otra hoja de estilo, spip_admin.css, controla la apariencia de los botones de administración ("recalcular esta página", etc.).
Puede modificarlos (incluso se recomienda: "¡Pon tu propio estilo!"), pero tenga en cuenta que no puede cambiarles el nombre. Estos estilos son esenciales y deben estar definidos para que tus esqueletos se muestren correctamente.