Tutorial Artisteer (parte 10)

Valora este artículo
(0 votos)

Ya estoy de nuevo aquí para traeros la parte 10 del tutorial de Artisteer como va siendo habitual en este blog.

Se que tardo mucho en publicar pero es que el tiempo lo tengo muy limitado y hasta que me pongo a ello pues pasa un tiempo.

De todas formas pronto voy a actualizar todos los post de este tutorial, por que quiero grabar los tutoruales en vídeo y poner los vídeos incrustados en su correspondiente parte.

Bueno comenzamos:

 

Esta vez vamos a conocer el apartado de MENÚ VERTICAL, donde aprenderemos a configurar los menús verticales que queremos que se vean en nuestra web.

Lo primero y como siempre tenemos las opción de SUGERIR, donde como ya sabréis el propio programa nos irá sugiriendo distintos diseños.

A continuación tenemos POSICIÓN donde elegiremos la posición de nuestro bloque de MENÚ.

Como podemos ver podemos decidir donde queremos posicionar el bloque del menú, el resaltado azul es donde irá colocado.

A continuación tenemos ESTILOS, si pinchamos en el desplegable podemos ver los diferentes estilos y formas del menú que el programa nos sugiere.

El siguiente sería ÁREA DE MENÚ donde encontramos BLOQUE DE MENÚ, si pinchamos nos aparece el siguiente desplegable.

Como podemos observar podemos elegir como queremos que se presente el menú, con cabecera, sin cabecera, resaltado o no, etc...

Lo siguiente que nos encontramos es ÁREA DE MENÚ y tenemos MARGEN y DISTANCIA, donde le podemos decir el margen que queremos del menú respecto al margen del bloque, y también la distancia superior e inferior que hay respecto a los demás bloques.

A continuación tenemos FONDO

ENCABEZADO

 

y CONTENIDO

Esto es para ver el aspecto de nuestro menú, como queremos que se vea el FONDO del menú ya sea con color, transparente, con borde, vamos las típicos configuraciones que hemos visto durante todo el tutorial. Como queremos que se vea el ENCABEZADO y el CONTENIDO. En encabezado tenemos una opción llamada ICONO, con esta opción podemos decidir si queremos que aparezca un icono delante del título de nuestro menú.

En el siguiente apartado vamos a ver como configurar el comportamiento del ITEM o lo que es lo mismo los que nosotros pinchamos para entrar en el menú. Si pinchamos veremos que nos aparece las típicas opciones de configuración.

Tenemos COLOR donde le vamos a decir los distintos colores de los itemns de nuestro menú.

Como podemos ver tenemos 3 opciones ACTIVO, PASIVO y SELECCIONADO esto es el comportamiento que tendrá cuando esté ACTIVO (cuando estamos dentro de este item) PASIVO (coando no se hace nado sobre ese item) SELECCIONADO (cuando pasamos el ratón por encima de ese item.

A continuación tenemos SUB-MENÚ como su nombre indica será el comportamiento de los sub-menús.

Lo que cabe destacar es NIVELES.

Donde podemos decidir como queremos que se muestre los sub-menús y el comportamiento en diferentes clicks.

Tenemos las diferentes opciones como en MENÚ, donde podemos configurar el COLOR, PASIVO, ACTIVO, SUBITEM etc...

Por último tenemos MENÚ DE VISTAS, el cual si pinchamos veremos lo siguiente

Nos muestra la estructura de nuestras distintas páginas estructurada en formato menú, para ver como quedaría el compuesto nuestro menú.

Bueno hasta aquí la parte 10 de este tutorial, espero que os esté gustando y a ver si publico más a menudo, ya que falta muy poco para que esto acabe y voy a intentar hacer vídeo-tutoriales para que sea mas fácil de entender.

Visto 561 veces
Sábado, 07 Marzo 2015 23:31 Escrito por  In Tutoriales Tags
Javi Serrano

Repartidor e instalador de electrodomésticos profesionalmente. Apasionado del mundo de MotoGP. Descubriendo cada día mas cosas sobre el Diseño Web, HTML y aprendiendo e investigando Joomla, PrestaShop y Worpress.