Personalizar la apariencia

El Modo Diseño Personalizado le otorga un increíble poder de apuntar y hacer clic para personalizar totalmente la apariencia de cualquier tema de página web seleccionado – mas allá del reconocimiento.

Solo apunte y haga clic con el ratón para cambiar los colores, imágenes de diseño y mas.

Aun mejor, su software cuida del tamaño de las imágenes para asegurar que encajen automáticamente en el tema seleccionado para la página web.

No creerá el poder de diseño-web que hemos dado a su ratón.

Una función de Deshacer le permite probar una nueva apariencia antes de aplicarla.

Puede fácilmente restaurar la apariencia original de un tema de Página Web con solo seleccionar el tema de nuevo.

(Nota: No puede deshacer cambios de diseño de imágenes, pero siempre puede restaurar el diseño de imágenes original de la página web)

!
websitecolor

Colores de página Web, Colores de Texto

Estos son los colores utilizados en su página web. Haga clic sobre un botón para seleccionar el color de la Página Web o el texto que desea cambiar - luego seccione un color nuevo.

Seleccione el color haciendo clic sobre la paleta de colores proporcionada.

Una función potente del Diseñador es la habilidad de modificar el esquema de color, y de  exportar e importar esquemas de color.

previewarea

Reassign colors

In the preview window area click on a color you want to change.

A menu opens.

Select the appropriate item, such as background color or text color. As you move your mouse over the item, a color swatch appears above the menu, to help you select the correct item. Click on the item and select one of the colors in the color selector which comes up.

add-color

Add more colors

Click on the Add color button below the Website Colors display. Once you have selected a color it will be added to the Website colors, and you can apply it to the website items by selecting the item and then picking the color (see .

Color Schemes

This function allows you to quickly create a new website color scheme for your website.

Click on the "Colorpicker" button.

Select the main color you want to assign to your website.

ShopFactory automatically creates a number of color schemes for you, which you can apply to your website simply by clicking on them.

This action can be undone. 

Editar una imagen de Diseño existente

Las imágenes de diseño son imágenes que determinan la apariencia y sensación de una página web. Puede cambiar muchas imágenes de Diseño fácilmente en el Diseñador.

Haga clic sobre la imagen de Diseño que desea cambiar en la ventana previsualización. Nota: Las páginas e imágenes de producto no pueden cambiarse en el Diseñador.

Un pequeño menú aparece.

Seleccione editar imagen para el elemento apropiado.

El dialogo de imagen se abre, permitiéndole cambiar la imagen.

Puede eliminar o reemplazar la imagen, o editarla con su editor de imagen favorito.

La aplicación 3D3 siempre le ayudara a adaptar el tamaño de la imagen que seleccione para hacer que encaje adecuadamente.

Los cambios de imagen no pueden deshacerse. Sin embargo, la imagen original de su tema de elección puede ser restaurada.

Añadir nueva imagen de diseño

Las imágenes pueden añadirse a un área en la misma manera que edita una página existente. Haga clic sobre el área en la que desea añadir una imagen en la ventana previsualización.

Si la opción Añadir imagen aparece, puede añadir una imagen.

Personalizar apariencia de navegación

Puede cambiar la apariencia de navegación Índice 1 e Índice 2 tan fácil como cambiar otros colores e imágenes de diseño. Haga clic sobre el y seleccione el elemento que desea cambiar.

El color sobre - ratón se requiere a la apariencia de un botón cuando el cursor del ratón se pone sobre el - haciendo fácil crear menús dinámicos de buena apariencia.

Importar y exportar esquema de color

Si le gusta el esquema de color que ha creado, puede ser exportado para utilizarlo en otro proyecto. 

Para exportarlo, haga clic cobre y de al esquema un nombre de archivo descriptivo.

Para importarlo, haga clic sobre y seleccione el archivo que su esquema de color ha exportado.

Deshacer sus cambios

¿No le gusta el color nuevo que ha seleccionado? Simplemente deshaga el cambio.

Las funciones deshacer y rehacer le permiten experimentar con los esquemas de color de su página web hasta que este feliz con ellos.

Los cambios de imagen en modo diseñador no pueden deshacerse, pero puede usualmente restaurar la imagen original que viene con el tema seleccionado en el dialogo de selección de imagen.

Guardar sus cambios

Los cambios que realiza no serán aplicados a su página web hasta que usted los guarde.

Los ajustes de cambio de color y de encuadre serán guardados utilizando cualquiera de los siguientes métodos:

·      haciendo clic sobre el botón Guardar en la barra de herramientas principal.

·      Saliendo del modo Diseñador y haciendo clic sobre OK en respuesta al mensaje de la caja  “¿Aplicar cambios?”.

Guardar como nuevo Tema de Página Web

Una vez que haya personalizado un Tema de página web, puede guardarlo haciendo clic sobre Diseñador > Guardar como nueva Plantilla. (Sin embargo la imagen mostrada seguirá siendo la misma de la plantilla original, hasta que la reemplace manualmente en la carpeta de temas de página web).

Restaurar Tema de Página Web

Para restaurar un tema de página web, reselecciónelo bajo propiedades > Seleccionar Tema de Página Web.

Enlaces de navegación en la ventana Previsualización

Cuando cambia los colores de la página web, otras páginas pueden ser afectadas también. Puede navegar por todas las partes de su página web para ver el efecto que el cambio de color hará.

Para navegar, presione la tecla Ctrl en su teclado mientras hace clic sobre el enlace.

Cambiar el tamaño de previsualización

La apariencia de su página web puede variar medianamente en la resolución de la pantalla en la que este siendo observada.

Puede ver como luce su página web en resoluciones comunes de pantalla seleccionándolas desde el menú desplegable de lista de la caja en la esquina inferior derecha del Modo Diseñador.

El tamaño deslizable de la ventana de previsualización reflejara las dimensiones de la resolución de la pantalla escogida.

Esto no cambiara el ancho de la página web creada.