Joomla! Documentation™

El Sufijo de Clase de Página es un parámetro en los Elementos de Menú de contenido de Joomla!. Se encuentra en la pantalla Elemento de menú:[editar], en la sección "Parámetros (Avanzados)". Activar este parámetro hace que Joomla! añada una nueva clase CSS, o bien que modifique las clases existentes para los elementos de ese diseño de Elemento de Menú específico.

Cuando Joomla! genera una página, automáticamente crea clases CSS predefinidas para permitir dar estilo a la página. Por ejemplo, una página puede tener el elemento

<div class="componentheading">

Para crear una clase nueva, introduzca el parámetro con un espacio en blanco delante. Por ejemplo, introduciendo un espacio y "miNuevaClase" creará una nueva clase CSS para elementos en ese elemento de menú. En este caso el ejemplo de arriba se cambiara a

<div class="componentheading miNuevaClase">

Para cambiar el nombre de la clase existente, introduzca el parámetro sin un espacio en blanco delante. Por ejemplo, introducir "_miSufijo" (sin espacio delante) hará que el HTML cambie a

<div class="componentheading_miSufijo">

Generalmente se recomienda usar un espacio en blanco delante para crear una nueva clase. De esta forma, los estilos CSS para este componente que usan los nombres de clase estándar seguirán funcionando. Puede usar el nuevo nombre de clase para añadir cualquier estilo que desee al componente sin necesidad de volver a crear todo el código CSS existente. Tenga en cuenta que, si crea un nuevo nombre de clase, debe asegurarse de que es un nombre único que no entra en conflicto con ningún nombre de clase ya existente.

Ver también: usando sufijos de clase, Usando el sufijo de clase de página en el código de la plantilla

Uso

Si introduce un Sufijo de clase de página con un espacio delante, se creará una nueva clase CSS. Si el parámetro no tiene un espacio delante, las clases CSS asociadas con este elemento de menú (por ejemplo, "componenheading") serán modificadas. El primer método es el más recomendable a menudo, ya que al usarlo no se rompe ningún estilo ya existente del módulo y sólo necesita añadir código CSS nuevo para el nuevo estilo.

Si no usa un espacio delante, necesitará copiar todo el código de estilo para las clases del elemento de menú y duplicarlo para las nuevas clases CSS antes de hacer sus cambios en el código CSS.

• Vea el tutorial sobre cómo usar sufijos de clase para un ejemplo detallado sobre cómo usar los sufijos de clase de página y módulo.

Puede usar el parámetro sufijo de clase de página para crear clases CSS únicas que le permitan dar estilo a un elemento de menú de manera distinta al resto.

• Vea también Usando el sufijo de clase de página en el código de la plantilla para conocer aplicaciones adicionales.