Estilos/plantillas del Creador de Sitios Web de HostPapa

Nota: este artículo hace referencia a sitios web creados usando el Creador de Sitios Web de HostPapa

A pesar de que en la actualidad no es posible cargar tu propia plantilla o estilo, nosotros proveemos una gran selección de estilos de plantillas gratuitos y Premium. Además de esto, los suscriptores de Premium y Empresarial pueden editar la CSS de sus sitios para personalizarlos aun mas.

Creador de Sitios Web de HostPapa te da la opción de cambiar el color de fondo de tu estilo, o también la opción de subir tu propia imagen de fondo ¡o ambas opciones a la vez! ¡También puedes aplicar tu estilo a todas tus páginas!
Por favor cuenta: Que no todos los estilos tienen esta opción.

Si deseas saber si la opción para editar la imagen de fondo esta disponible para un estilo en particular, simplemente haz clic en la pestaña Estilo en el menú de la parte inferior del Constructor de Sitios. Si flotas el cursor del ratón sobre la diapositiva de cada estilo aparecerá una ventana con las características de ese estilo. También puedes probar el estilo en tu sitio al hacer clic en la misma diapositiva – no te preocupes, con esto no perderás ningún banner personalizado o código que tengas en tu estilo actual.

Para cambiar el color de fondo:

  1. Haz clic en el botón Estilo que está en menú inferior. Selecciona Edite su fondo.
  2. Se abrirá una ventana de dialogo.
  3. Haz clic en la flecha con menú desplegable que está al lado de Relleno de Fondo, luego se abrirá el seleccionador de colores.
  4. Selecciona el color que deseas usar y haz clic en OK. Si conoces o sabes el Hex Value o valor hexadecimal del color que deseas utilizar, introduce el valor en el espacio demarcado (éste es un enlace a un Generador de Valor Hexadecimal)

Para subir tu propia imagen de fondo

  1. Haz clic en el botón Estilo que está en menú inferior. Selecciona Edite su fondo.
  2. Se abrirá una ventana de dialogo.
  3. Marca el recuadro que esta al lado de Utilice una imagen de fondo.
  4. Se abrirá el panel de opciones de carga en donde podrás subir una imagen desde tu computadora, o usar una de las que ya están almacenadas en el Administrador de Archivos.

Para aplicar los cambios de estilo en todas tus páginas
Tu puedes aplicar el mismo fondo en todas tus paginas en tu sitio, en vez de cambiar el fondo en cada pagina individualmente.

  1. Haz clic en el botón Estilo que está en menú inferior. Selecciona Edite su fondo.
  2. En la parte inferior de la ventana que se abre a continuación marca la casilla que esta al lado de Aplicar en todas las páginas. Haz clic en aceptar y los cambios realizados en tu fondo serán aplicados en todas tus páginas.

Para usar el editor de CSS del sitio
El CSS (Cascading Style Sheet por sus siglas en ingles) es un conjunto de reglas o lenguaje de programación que determina la forma en que tu página web va a aparecer. Al tener acceso a la función de CSS del Sitio tendrás la capacidad de ajustar los códigos CSS de tu sitio para obtener un aspecto y apariencia perfectos. Estos algunos pasos generales para ajustar el CSS:

  1. Haz clic en la pestaña Estilo, luego haz clic en Editar el CSS personalizado.
  2. A continuación se abrirá la ventana del CSS del sitio en la que podrá ver las anulaciones del CSS del sitio en el lado izquierdo y, en el lado derecho podrás ver una pestaña de Vista Previa (para ver los cambios), otra pestaña del CSS del Sitio (para ver los códigos de CSS que se están usando por defecto) y finalmente una pestaña del Código HTML (para ver los códigos HTML que se están usando por defecto).
  3. Dirígete a la pestaña CSS del Sitio para localizar la porción de código que deseas cambiar.
  4. Una vez que hayas encontrado en código que estás buscando, copia el código y pegalo en la parte derecha de la ventana Anulaciones del CSS del sitio.
  5. Realiza los cambios que deseas.
  6. En la parte inferior izquierda de la ventana, desmarca el recuadro que está al lado de Desactivar las anulaciones del CSS del sitio.
  7. Haz clic en Vista Previa para ver los cambios realizados.
  8. Una vez que hayas realizado todos los ajustes que deseas, haz clic en Aceptar.

Por favor toma nota: La función del CSS del Sitio está disponible únicamente con los paquetes Premium y Empresarial. Esta función es recomendada para los usuarios con conocimientos avanzados quienes están cómodos con la manipulación y escritura de código HTML. Estos son dos recursos útiles para la modificación del código CSS: W3C schools y A List Apart

Esta publicación también está disponible en: Alemán

Artículos relacionados