webb
Menú pasos:(primero en lista)
1.- Secrea un nuevo estilo en ID y se acepta.
Se asigna ID en los códigos UL.
Se vuelve al estilo y se quita viñetas y margenes.
2.- Se posiciona el punteroen cualquier palabra y se crea un nuevo estilo.
Nos vamos a cuadro y en float le asignamos left, le damos margen 2 px y aceptar
Luego seleccionamoscada palabra y en el cuadro vinculo colocamos # para crear el vinculo.
3.- Nuevamente posicionamos el puntero y creamos un nuevo estilo.
Vamos a bloque y endisplay escojemos block, luego vamos a cuadro y ponemos ancho 100 px y en padding/top ponemos 4 px (los valores varian segun tu diseño y el tamaño de tu menu)centramos las palabras en bloque/ text align y personalizamos fondos y tipografia
- En caso de usar hover, creamos un nuevo estilo, no cambiamos el nombre yadicionamos :hover, aceptamos y modificamos letra y fondo si se requiere.
- Para agregar fondo diseñado en el menu se repite el primer paso con la diferencia de queimportas la imagen en fondo y en cuadro le damos sus dimensiones en ancho y largo(para esto debes revisar primero el tamaño de tu imagen).
Luego se continua y en eltercer estilo en cuadro le asignamos el ancho del sobre en padding/top 15px y bottom 14 px (por ejemplo) y aceptas. Ojo: repites lo mismo que el paso tres.
Y cuandollegas al hover ponemos el fondo del sobre y modificamos la letra.
RECUERDA: Esto va a venir en el examen de t1 asi que trata de memorizarlo como puedas.
Regístrate para leer el documento completo.