Tecnología

Inicio

Cómo reemplazar los esquemas de color CSS

Cómo reemplazar los esquemas de color CSS


Uno de los beneficios del uso de hojas de estilo en cascada o CSS, código en su sitio web o blog es que una sola página de código CSS controla los elementos de diseño y esquemas de color principal de cada página en el sitio. Esto hace que ajustar el diseño y el color de su sitio web, y la aplicación de esos cambios a través de todo el sitio, rápido y fácil. Para cambiar la combinación de colores CSS en su sitio web o blog, abrir el archivo CSS con un editor de texto o programa de diseño web y editar el código de color hexadecimal para los elementos de diseño que desea modificar.

Instrucciones

1 Iniciar la aplicación editor de texto Bloc de notas o su programa de diseño web habitual.

2 Haga clic en "Archivo", "Abrir" para abrir el archivo de código CSS para su sitio web. Por lo general encontrará esto ya sea en la carpeta raíz que contiene su página de inicio o en una carpeta CSS independiente.

3 Lea el código CSS en la página para identificar los elementos de diseño de color. Por ejemplo, el código CSS para controlar el color de fondo de una página web se ve así: "background-color: #CCCCCC ;." El código de seis dígitos después del carácter "#" es el código de color hexadecimal. En este ejemplo, el color de fondo de la página es de color gris claro.

4 Abra su navegador de Internet, a continuación, acceda a un recurso de diseño web con una lista de códigos de color hexadecimal, como ColorPicker, Esperanza PC o ColorSchemer.

5 Copiar los códigos hexadecimales de los colores de su diseño preferido. Después de elegir los colores, volver al archivo CSS que está abierto en el editor de texto o programa de diseño Web.

6 Eliminar el código de seis dígitos para cada elemento de color que desea cambiar. Escriba el nuevo código de color después de que el carácter "#", teniendo cuidado de dejar el "#" en su lugar.

7 Guarde el archivo y subirlo a su servidor Web a través del sistema de gestión de contenidos de su anfitrión o con una herramienta de transferencia de archivos. Subir el nuevo archivo CSS sobrescribe el archivo existente y pone en práctica el nuevo esquema de color a través de la página web.

Consejos y advertencias

  • Trate de limitarse a sólo unos pocos colores complementarios - el uso de demasiados colores en un sitio web puede darle un aspecto poco profesional. Compruebe su sitio web en línea para asegurar el color esquema funciona bien. Se pueden ajustar el archivo CSS y subirlo de nuevo si es necesario hacer cambios.