Tecnología

Inicio

Cómo hacer una sección de un color diferente en Joomla

Cómo hacer una sección de un color diferente en Joomla


Hay muchas plantillas gratuitas disponibles para el sistema de gestión de contenidos Joomla (CMS). Encontrar uno con exactamente el esquema de diseño y color adecuado para su sitio web no es siempre fácil. Afortunadamente, cuando se encuentra uno con un diseño que se adapte a sus necesidades, la personalización de los colores requiere sólo el panel de administración y unos pocos minutos de investigación y escribiendo. En la mayoría de las plantillas, los colores se expresan en valores hexadecimales con # 000000 representando negro y blanco #FFFFFF que representa. Tener una tabla de referencia de color a mano ofrece una tarea más sencilla.

Instrucciones

1 Abra el panel de administración de Joomla.

2 Coloque el cursor del ratón sobre la entrada "Extensiones" en la barra de menú principal en la parte superior de la ventana.

3 Haga clic en "Administrador de plantillas" en el menú desplegable.

4 Haga doble clic en el nombre de la plantilla que desea personalizar.

5 Haga clic en el icono "Editar CSS" en la barra de herramientas situada en la parte superior de la ventana.

6 Haga clic en el botón junto a "template.css" en la lista de archivos disponibles.

7 Haga clic en el icono de "Cambio" en el menú "Plantilla CSS Editor" en la parte superior de la ventana.

8 Desplazarse por el archivo template.css y reemplazar los valores de color de "color" y / o "fondo" de la sección (s) que desea cambiar con los valores deseados.

9 Haga clic en el icono "Guardar" en la barra de menú en la parte superior del menú para guardar el archivo.

Consejos y advertencias

  • Al realizar cambios en una plantilla o cualquier otro archivo para su sitio web, es una buena práctica para comentar los viejos valores mediante la colocación de una doble barra: "// background: # 000000" delante de ellos y la inserción de nuevos valores para hacer volver de nuevo al estado anterior más simple.
  • Otra opción es copiar el archivo original con una extensión de archivo diferente en el mismo directorio. Copiado template.css a template.cs2 guarda una copia del archivo original que no será reconocido por Joomla hasta que se cambia el nombre con la extensión .css.