Cómo crear Custom CSS3 desplegable menús: menú desplegable CSS tutorial para principiantes (6 / 8 paso)

Paso 6: El código CSS - configuración de los colores

Con un solo paso anterior que hemos hecho todo el trabajo importante. Ahora todo lo que queda es poner todo en su lugar correcto y cambiar los colores a la deseada.

Suspender el color debe cambiar a Orange y el menú desplegable adquiera color blanco. El color del texto también debe cambiar en consecuencia.

.Menu ul li:hover > un
{
color: #ffffff;
fondo: #FF9900;
}

.Menu ul li a
{
Mostrar: bloquear; acolchado: 40px 25px;
color: #FFFFFF; texto-decoration: none;
}
.Menu ul li:hover > ul
{
Mostrar: bloquear;
fondo: #ffffff; radio frontera: 0px; padding: 0;
}
.Menu ul ul li a
{
color: #999999;
}

Artículos Relacionados

Diseñar un menú personalizado menú sistema--Android/Arduino para principiantes--absolutamente ninguna programación requerida

Diseñar un menú personalizado menú sistema--Android/Arduino para principiantes--absolutamente ninguna programación requerida

IntroducciónEste instructable muestra cómo utilizar el libre pfodDesigner disponible en GooglePlay para diseñar un sistema Android menú con submenús para dispositivos compatibles con Arduino.El tutorial es adecuado para principiantes. No se requiere
Generador de código para menús personalizados de Android/Arduino activar salidas de Arduino y apagado. Andriod/Arduino para principiantes. Absolutamente ninguna programación requerida

Generador de código para menús personalizados de Android/Arduino activar salidas de Arduino y apagado. Andriod/Arduino para principiantes. Absolutamente ninguna programación requerida

Actualización: un usuario pidió menú apoyo. pfodApp siempre admite submenús pero he agregado submenús al pfodDesigner. El instructable diseño un sistema de menú Custom muestra cómo utilizar pfodDesigner para crear un menú con submenús que mostrará en
Crear Custom títulos en iMovie 09--agregar Logos e imágenes transparentes para tus proyectos de Video!

Crear Custom títulos en iMovie 09--agregar Logos e imágenes transparentes para tus proyectos de Video!

¿Desea Agregar títulos personalizados y las capas de la imagen transparente para tus proyectos de vídeo iMovie? Este tutorial te enseña cómo añadir archivos de imagen transparente png a imovie y superposición sobre el vídeo. Esto puede usarse para añ
Crear una lista desplegable en Excel

Crear una lista desplegable en Excel

Ahorrar tiempo al evitar errores y repeticiónExcel es ideal para las listas; las cifras de ventas, rota el personal, control, por nombrar algunos de stock. Pero una trampa fácil para caer en error repetitivas propensas a entrada de datos que conduce
Crear una impresión 3D de principio a presentar usando Zbrush para principiantes

Crear una impresión 3D de principio a presentar usando Zbrush para principiantes

Se necesita:Un ordenador Zbrush 4R4 o equivalente Z plugin 3D impresora exportador (gratis desde la página de web de Pixologic)Tiempo: 2-3 horasOK, este es mi primer instructivo y espero que encuentres útil. El objetivo es mostrarles chicos cómo crea
Crear un brazal de antebrazo de GI Joe Cobra Viper para cosplay

Crear un brazal de antebrazo de GI Joe Cobra Viper para cosplay

con la esperanza de algunos ayudan a crear esta pieza icónica del engranaje de la víboraPaso 1: Lista de la compra Se necesita lo siguiente -Piqué rojo tela aprox 2 yardas (si usted está haciendo todos los pads de nervaduras y el hombro para el traje
Crear Custom sublista en Excel (cambios de sublista según Rúbrica)

Crear Custom sublista en Excel (cambios de sublista según Rúbrica)

aquí voy a mostrar un proceso por el cual podemos hacer nuestras mesas más pequeñas y stramlined. No hay necesidad de poner en filas en blanco adicional y todo. La búsqueda también llega a ser muy simple. Sólo tienes que usar los filtros.Paso 1: Crea
Crear Custom mi pequeño Pony los juguetes!

Crear Custom mi pequeño Pony los juguetes!

Sabes que hay un montón de caballos de la amistad es magiaMostrar que le encantaría tener en forma de juguete!Bueno, al menos la lista sigue y sigue para nosotros...a partir de hacer atrevidas... y entra en el Reino de nuestras propia ponis personali
Cómo crear Custom arte que especial alguien

Cómo crear Custom arte que especial alguien

día de San Valentín se acerca, y ser artista, decidí hacer algo especial y uno de la misma clase de mi novia este año. Te voy a mostrar cómo crear una pintura que viene directamente de tu corazón (har har).Paso 1: Tener una Idea y reunir sus material
Cómo configurar y crear un Blog para principiantes

Cómo configurar y crear un Blog para principiantes

Un blog es un sitio Web periódicamente actualizado o página web generalmente dirigido por un individuo, que está escrito en un estilo informal. Los blogs se han convertido en una gran parte de nuestra era digital. Se utilizan como recursos para obten
Sushi vegetariana para principiantes: Cómo crear un rollo de Sushi básico

Sushi vegetariana para principiantes: Cómo crear un rollo de Sushi básico

esta es una guía paso a paso sobre el proceso de balanceo de un plato de sushi simple. Las siguientes instrucciones son para aquellos que les gusta experimentar con el arte del sushi y desarrollar la técnica para aplicar a los rollos de sushi más com
Crear un sitio web móvil con RSS + CSS

Crear un sitio web móvil con RSS + CSS

RSSmachine crea feeds RSS con hojas de estilo CSS diseñadas para usuarios de teléfonos móviles. Estos feeds RSS son una manera rápida y fácil para crear páginas web móviles. En combinación con Dropbox, es forma gratuita publicar un sitio web para móv
Para principiantes: crear un soporte pizarra

Para principiantes: crear un soporte pizarra

En el hackerspace tenemos una pizarra, pero siempre perdemos nuestros marcadores. Esto es porque no tenemos un soporte para recoger los marcadores. Sugru es fácil componente crear portalápices de nuestra pizarra.Paso 1: Forma tu SugruPuede formar el
CREAR un pequeño SOLAR POWERED jardín y estanque para alrededor $100

CREAR un pequeño SOLAR POWERED jardín y estanque para alrededor $100

hacia un nuevo hogar con nada más que hierba en el patio trasero, (haber dejado nuestro amable bicho cuidadosamente cultivada, cuidada, jardín detrás), fue desconcertante - especialmente con ningún presupuesto de jardinería.   Pero después de los pri