Cómo hacer un fondo personalizado en weebly

Weebly es uno de los proveedores de sitios web gratuitos más populares, que ofrecen herramientas de creación de sitios de arrastrar y soltar que sea fácil de diseñar y personalizar su propio sitio utilizando una selección de plantillas pre-hechas. Una de las maneras más rápidas para darle a su sitio de Weebly una identidad verdaderamente individual es añadir una imagen de fondo personalizada.

Preparar su imagen

Elija una, fotografía de alta resolución gráfica de gran tamaño o de su imagen de fondo. las imágenes pequeñas o de baja resolución pueden aparecer paralizados o borrosa cuando se utiliza como antecedentes. Use su editor de imágenes preferido para ajustar el color, recortar la imagen o añadir efectos: otra alternativa es utilizar editor de ImagePerfect incorporado en Weebly. Guardar la imagen de fondo destinado al disco duro de su ordenador en un formato compatible con Web, como .png o .jpg.

Navegando a la / Editor de código HTML CSS

Ingrese a su cuenta Weebly y haga clic en la pestaña Diseño. Si no va a codificar su plantilla a sí mismo, utilice uno de los temas incorporadas de Weebly o cargar un tema pre-hechos. Elija uno una imagen de fondo que se puede reemplazar con. En la barra lateral de diseño, haga clic en el "HTML / CSS" enlace para ir al editor de código.

La identificación de la imagen de fondo actual

La página del editor de código tiene una barra lateral y dos paneles principales. El panel superior muestra el código existente para su página. El panel inferior le da una vista previa de la página para que pueda comprobar que los cambios que dan el efecto deseado. En la barra lateral, encontrará una lista de todos los archivos utilizados por su página, incluyendo la imagen de fondo actual. Tendrá que desplazarse por el código hasta encontrar una sección que comienza "cuerpo {" y buscar el nombre de un archivo de imagen. El archivo de imagen estará típicamente en formato JPG y puede contener las letras "bg." Se puede comprobar que este es el archivo correcto desplazándose hacia abajo la lista de archivos en la barra lateral y luego hacer clic en el nombre del archivo.

Al subir la imagen

Clickea en el "Añadir más archivos" opción para navegar duro de su ordenador a su imagen de fondo. Seleccione el archivo de imagen y esperar a que se cargue. Ahora debería ver el archivo de imagen en la lista. En el panel de código, elimine el nombre de la imagen de fondo existente y sustituirlo por el suyo propio. Una vez que se actualice el panel de vista previa, la imagen personalizada debe aparecer en el lugar de la antigua.

Ahorro de su tema

Para guardar los cambios, haga clic en el "Salvar" botón en la parte superior derecha de la pantalla. Se le pedirá que introduzca un nuevo nombre para este tema. Elija algo descriptivo, como "CustomTheme." Haga clic en el "Casa" botón para volver al panel de control principal, donde se puede realizar más cambios en su página o ponerlo en la Web mediante la opción Publicar.

referencias

• enlazar PCWorld: Los sitios web rápidos y creativo con Weebly
• enlazar Weebly Blog: Presentación de Weebly ImagePerfect
• enlazar Mozilla Developer Network: Guía Web Developer - Imágenes de fondo de escala

Sobre el Autor

Clare Edwards ha estado proporcionando contenido de Internet desde 1998. Ha escrito y traducido para una variedad de mercados: todo, desde artículos técnicos a corto de ficción y ensayos sobre espiritualidad alternativa. Ella posee un certificado de la educación superior en electrónica y artes de audio de la Universidad de Middlesex.