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 diseño y esquema de color adecuado para su sitio web no es siempre fácil. Afortunadamente, cuando usted encuentra uno con un diseño que se adapte a sus necesidades, la personalización de los colores sólo requiere el panel de administración, a pocos minutos de la investigación y escribir. En la mayoría de las plantillas, los colores se expresan en valores hexadecimales con # 000000 representando negro y #FFFFFF representando blanco. Tener una carta de referencia de color a mano hace de esta 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 desee personalizar.

5

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

6

Haga clic en el botón al lado de "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 para el "color" y / o "fondo" en 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, colocando una doble barra: "// background: # 000000" en frente 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 mantiene una copia del archivo original que no será reconocido por Joomla hasta que se cambia el nombre con la extensión .css.