``` El artículo de este ejemplo muestra un párrafo con una clase alert alert-info que es propia del Framework Bootstrap 2.3.2 en el que está basado la plantilla. ![item menu inicial](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/sufijo-pagina/item-menu-inicial_1230.png?version=631217c2bc2dd6c607f747d32d331cf1) Puedes ver cómo ese párrafo se ve con un fondo en color azul. Al añadir el sufijo de página, pasaría a ser de esta otra forma: ```

``` Si no hacemos nada más que esto, la visualización de la página será la misma. Pero si añadimos el siguiente código en nuestra hoja de estilos: ``` .pagina-intermedia .alert-info{background-color: red; border-color: red; color: #fff;} ``` Al cargar de nuevo esta página veremos como el fondo que antes era de color azul, pasa a color rojo (y el texto en color blanco en lugar de azul). ![item menu despues](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/sufijo-pagina/item-menu-despues_1230.png?version=4628cf95aa7e1efed352608c84e0b1c1) A partir de este momento, en todas los ítem de menú en los que añadamos este **sufijo de página** todos los estilos que tengan alert-info se verán de esta forma. --- Espero que este mini-tutorial Joomla! sobre **cómo utilizar los sufijos de página en un ítem de menú de Joomla!** te haya resultado de interés. Si quieres ayudarme, y te ha gustado, comparte el artículo con tus amigos a través de las redes sociales. ¿Quieres saber cómo crear y usar un sufijo de página en #Joomla para cambiar los estilos de #plantilla? [ Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-crear-usar-sufijo-pagina-joomla "Compártelo") [ Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-crear-usar-sufijo-pagina-joomla&text=%C2%BFQuieres%20saber%20c%C3%B3mo%20crear%20y%20usar%20un%20sufijo%20de%20p%C3%A1gina%20en%20%23Joomla%20para%20cambiar%20los%20estilos%20de%20%23plantilla%3F "Postéalo") [ Envíalo ](https://api.whatsapp.com/send?text=%C2%BFQuieres%20saber%20c%C3%B3mo%20crear%20y%20usar%20un%20sufijo%20de%20p%C3%A1gina%20en%20%23Joomla%20para%20cambiar%20los%20estilos%20de%20%23plantilla%3F%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-crear-usar-sufijo-pagina-joomla "Envíalo") Y si quieres aprender más sobre [**Desarrollo de Plantillas Joomla!**](https://sergioiglesias.net/curso-online-joomla-desarrollo-plantillas/) regístrate en mi newsletter y recibe un curso gratis. [ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado ### ¿No sabes bien en qué estado está tu web Joomla? Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden. Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML [ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables [![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS. [](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias") ### Suscríbete a mi newsletter ¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo. Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**. [Quiero apuntarme!](https://sergioiglesias.net/newsletter) ### No hay comentarios ### Deja tu comentario En respuesta a Some User Nombre \* Dirección de email \* Texto del comentario \* Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*