Cómo cambiar el aspecto de un menú Spry

Cómo cambiar el aspecto de un menú Spry


El menú Spry fue uno de los elementos del Widget Spry en Dreamweaver ha añadido en la versión CS3. CS4 incluye 16 diferentes Widgets como este para mejorar la apariencia de las páginas Web y simplificar las cosas tales como agregar funcionalidad de ID y contraseña de usuario. La versión de la barra de menú de Spry ofrece una oportunidad para opciones de menú o navegación de pila hasta tres niveles, proporcionando más flexibilidad que la codificación básica del HTML, o Hypertext Markup Language. El uso de la hojas de estilo en cascada o CSS, en Spry permite control directo sobre varios elementos de la pantalla.

Instrucciones

1 abrir el programa Dreamweaver y abre una página con un menú Spry existentes. Mover el cursor en cualquier área de la barra de menús. Esto hace que el Widget Spry del Panel visible con un fondo azul y texto "Spry Menu Bar: MenuBar1" (suponiendo que sólo tiene un menú en la página y no le cambió el nombre). Las propiedades aparecen en el panel en la parte inferior de la pantalla.

2 cambiar el aspecto del menú haciendo clic en "Personalizar este widget" a la izquierda del panel Propiedades. Se abrirá una ventana en la pantalla de ayuda de Adobe con todos los detalles sobre cómo 1) cambiar el estilo del texto de un elemento de menú; 2) cambiar el color de fondo de un elemento de menú; 3) cambiar la dimensión de elementos del menú; y 4) posición de los submenús. Dentro de estas cuatro posibilidades, cinco diferentes cambios existen sólo para el estilo del texto. Cada uno consiste en varias reglas CSS para un total de 10 más cinco propiedades de diferentes colores para el principal y los submenús. Que describe todo esto va más allá de las limitaciones de este artículo, pero algunos ejemplos ilustran el proceso básico.

3 cambiar el color de fondo de un elemento de menú ubicando los estilos CSS correspondientes listados en la página de Adobe. El estilo para esto es "ul. MenuBarVertical una "o"ul. MenuBarHorizontal una. " El color por defecto es "#EEE." Haga clic en la sección de "Estilos CSS" en la derecha de la pantalla. Haga clic en el signo "más (+)" junto a "Opción" para expandir todos los estilos para esto (o la barra vertical). Desplácese hacia abajo hasta encontrar "ul. MenuBarHorizontal un "y haga clic en él. Esto abre la ventana Propiedades. Haga clic en el color por defecto, que se abrirá un cuadro de color. Seleccionar un nuevo color de la carta.

4 cambiar el tamaño de las dimensiones de elementos de menú utilizando el estilo CSS aplicable en la página de ayuda de Adobe y el método descrito en el paso 3. Las dimensiones de la barra de menú Horizontal son controladas por CSS estilo "ul. MenuBarHorizontal li"que puede cambiar la propiedad width. De igual manera, otros de estilos CSS controles el estilo de texto. Se trata de la "ul. MenuBarHorizontal una "o"ul. A. MenuBarVertical"estilo. Alterar el color del texto cuando el puntero del mouse se desplaza sobre el menú con "ul. MenuBarHorizontal un: hover "(o el equivalente vertical).


Artículos relacionados