Imágenes del menú

 

Estas partes son las que mas me gustan, ya que ahora lo que haremos es trabajar con elementos externos a la web. El manejo de imágenes siempre nos dará una buena experiencia en el manejo de html y css. Eso se debe a debemos ir probando poco a poco que código se ajusta mejor a nuestras necesidades, claro esta que aca nadie tendrá que probar nada porque yo ya se los doy echo ¬¬.

Volviendo a nuestro menú, lo que haremos en esta oportunidad es darle una imagen a cada cabecera del los apartados del menú. Para eso como siempre les eh dicho ustedes pueden utilizar la imagen que gusten, claro que la imágen debe ajustarse a la medida y quedar bien. Si son buenos para el diseño seguro usaras sus propias imágenes pero para los que no tienen aún solo tienen que guardar la siguiente:

 

Le dan click derecho y la guardan dentro su carpeta imágenes con el nombre de ob1.jpg

Utilizaremos la misma forma que utilizamos para poner el banner, me refiero a colocarla desde nuestra hoja de estilos solo con una instrucción, me imagino que se acordaran como ¿no?

Lo único que hacemos es ir a nuestra hoja de estilos y colocar la referencia al div en mención y el código para incluir el ancho el alto y el fondo para la imagen . Ponemos esto:

 

 

Guardamos y nos dirigimos a nuestro index y le damos F12 para ver los cambios. A mi me quedo ASI.

Notamos que el texto dentro de la imagen no esta bien nivelado, así que haciendo uso de nuestro conocimiento de estilos lo arreglaremos en el siguiente apartado vamos.

 

 

<<<< Anterior Siguiente >>>>