-
La manera más fácil de crear un fondo degradado en su sitio web
-
Un gradiente de fondo es una manera de añadir un poco de estilo a su sitio web. En general, su sitio web tendrá un color de fondo específico, y el gradiente viene de una imagen colocada en la parte superior de la pantalla. El gradiente se desvanece poco a poco del color de fondo del sitio en un color diferente de su elección. Esto crea un fundido transparente, y una nueva experiencia estética para el visitante. Un poco de conocimiento de HTML será útil en la realización de esta tarea.Instrucciones
1 Ir a gradient-maker.com. Haga clic en la casilla junto a "End color" etiqueta "Haga clic para utilizar el selector de color." El uso de la herramienta a continuación, seleccione el color que desee el fondo de su sitio web fuera, el color que desee en el degradado para desvanecen en. Anote el código hash que aparece en el cuadro "Color final", y mantenga esta ventana abierta.
2 Iniciar sesión en la cuenta de FTP para su sitio web. Si su sitio utiliza una hoja de estilo CSS, generalmente llamado "style.css" descargar a su ordenador. Si no es así, descargar todos los archivos HTML en los que desea añadir el gradiente. Hacer una copia de seguridad de estos archivos en el ordenador - esto es para que pueda restaurar su sitio a la configuración anterior, si se comete un error.
3 Abre el primer archivo HTML que necesitas para editar, y la hoja de estilo. Busque el estilo de "cuerpo" que normalmente será en la parte superior de la hoja de estilo, o justo después de la etiqueta <body> en el archivo HTML. Busque la línea de código que se ve algo como esto:
background-color: #fff;
Cambiar "#fff" al código hexadecimal que anotó en el paso 1.
4 Volver a gradient-maker.com, y repetir el proceso descrito en el Paso 1 para el "Inicio de color" de la pendiente.
5 Establecer el campo "Ancho" texto a "5" y el campo de texto "Altura" para el tamaño que desea que el gradiente sea. Si no está seguro, haga clic en el botón "Realizar degradado" a la derecha. Esto cambia el fondo del fabricante Degradado para la configuración especificada. Sólo hay que repetir este proceso hasta que esté satisfecho con el resultado.
6 Haga clic en "Descargar" y guarde el archivo en la misma ubicación que los archivos HTML, y cambiarle el nombre a "gradient.php". Utilice todo en minúsculas.
7 Volver al archivo HTML o CSS que estaba editando anteriormente. Por debajo de la línea "background-color", añadir las siguientes líneas de código:
Imagen de fondo: URL ( 'gradient.png');
background-repeat: repeat-x;
8 Guarda el archivo. Si su sitio utiliza una hoja de estilo CSS, este es el único archivo que necesita editar. Si no es así, repetir este proceso para cada uno de los archivos HTML. Subir los archivos a su sitio web a través de su programa de FTP.
