Tecnología

Inicio

Cómo cambiar el color de fondo de un submenú en Dreamweaver Spry

Cómo cambiar el color de fondo de un submenú en Dreamweaver Spry


Adobe Dreamweaver es un software de diseño de gran alcance Web que proporciona flexibilidad y facilidad de uso. A diferencia de muchas aplicaciones "lo-que-ve-es-lo-que-hay" desarrollo, Dreamweaver hace uso de una gran cantidad de codificación y proporciona muchas funciones de código como preajustes insertables. Cuando se está insertando código, como una barra de menús de Spry, las opciones por defecto para el menú se aplicarán automáticamente. Con el fin de cambiar el color de fondo de un submenú, es necesario hacer algunos cambios en el código.

Instrucciones

Los cambios de archivos CSS

1 Abra el archivo CSS barra de menús situada en la carpeta SpryAssets en su directorio de sitios web. El nombre del archivo que coincida con el tipo de menú. Por ejemplo, un menú horizontal se denominará "SpryMenuBarHorizontal.css."

2 Desplazarse hasta la sección "SUBMENÚ indicación", denotado por un campo de comentario general. Haga clic para colocar el cursor después del paréntesis de cierre del código "ul.MenuBarHorizontal ul a.MenuBar ItemSubmenu". "Horizontal" será reemplazado con el tipo de menú que haya creado.

3 Tipo "ul.MenuBarHorizontal ul a.MenuBarSubmenuColor

{

background-color: #####;

} "

4 Reemplazar "horizontal" con el tipo de menú que haya creado. Reemplazar "######" con el código de color o nombre que desee para hacer los fondos de submenú. Haga clic en "Archivo" y "Guardar".

Cambios en el archivo HTML

5 Abrir el código fuente de su sitio, y haga clic en "Split" en la parte superior izquierda de la ventana para ver el código.

6 Haga clic en la barra de menús en la parte de diseño de su vista para saltar al código apropiado.

7 Haga clic en el código para el primer sub-enlace en el visor de código. Sub-links se ven como "<li> <a href="#"> artículo 1.1 </a>."

8 Haga clic en el menú desplegable "clase" en la ventana "Propiedades". Seleccione "MenuBarSubmenuColor." Repita este procedimiento para cada sub-enlace en el menú.

9 Haga clic en "Archivo" y "Guardar" para guardar los cambios.

Consejos y advertencias

  • El nombre de la clase se puede personalizar, pero asegúrese de usar la misma ortografía en el CSS y HTML.