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

Escrito por marie clay | Traducido por carlos alberto feruglio
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cambiar el color de fondo de un submenú en Dreamweaver Spry
Cambiar el color de fondo de un menú de Spry en Dreamweaver requiere la adición de código CSS. (Comstock/Comstock/Getty Images)

Adobe Dreamweaver es un potente software de diseño web que te da la flexibilidad y facilidad de uso. A diferencia de muchas aplicaciones del estilo "lo que ves es lo que hay" de desarrollo, Dreamweaver hace uso de una gran cantidad de código y proporciona muchas funciones de código como preseleccionadas insertables. Cuando vas a insertar código, como una barra de menú Spry, las opciones por defecto para el menú se aplicarán automáticamente. Para cambiar el color de fondo de un submenú, es necesario hacer algunos cambios en el código.

Nivel de dificultad:
Moderadamente difícil

Otras personas están leyendo

Instrucciones

    Cambios en el archivo CSS

  1. 1

    Abre el menú archivo CSS de barra ubicado en la carpeta SpryAssets en tu directorio web. El nombre del archivo coincidirá con el tipo de menú. Por ejemplo, un menú horizontal se llamará "SpryMenuBarHorizontal.css".

  2. 2

    Desplázate hacia abajo a la sección "INDICACIÓN SUBMENU", indicado por un gran campo de comentarios. Haz clic para colocar el cursor después del corchete de cierre del código "a.MenuBar UL.Menubarhorizontal ul ItemSubmenu". "Horizontal" será reemplazado por el tipo de menú que hayas creado.

  3. 3

    Escribe "ul.MenuBarHorizontal ul a.MenuBarSubmenuColor { background-color: #####; }"

  4. 4

    Sustituye "horizontal" con el tipo de menú que hayas creado. Reemplaza "# # # # # #" con el código de color o nombre que desees hacer los fondos de submenú. Haz clic en "Archivo" y "Guardar".

    Cambios en el archivo HTML

  1. 1

    Abre el código fuente de tu sitio y haz clic en "Dividir" en la parte superior izquierda de la ventana para ver el código.

  2. 2

    Haz clic en la barra de menú en la parte de diseño de la vista para dirigirte al código apropiado.

  3. 3

    Haz clic en el código para el primer subenlace en el visor de código. Ellos se ven "<li><a href="#">Item 1.1</a>".

  4. 4

    Haz clic en el menú desplegable "Clase" en la ventana "Propiedades". Selecciona "MenuBarSubmenuColor." Repite este proceso para cada subenlace en el menú.

  5. 5

    Haz clic en "Archivo" y "Guardar" para guardar los cambios.

Consejos y advertencias

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

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles