Simple #HTML #CSS Menu

Vamos a hacer un #menu flotante rápidamente, este menú en mi caso lo estoy desarrollando para utilizarlo como punto de redirección del idioma del website de un cliente a otro lenguaje (Language Switcher). Este enfoque es mucho mas sencillo y practico que hacer una pagina entera de intro con los distintos idiomas disponibles de un portal. Claro ustedes úsenlo para lo que mas le convenga. realmente es muy simple. veamos el código.


{code type=HTML}
<style>
div.menu-flotante{
position:fixed;
left:0px;
top:50;
background:#d7ad03;
border:1px solid #d7ad03;
width:90px;
}
div.menu-flotante a, div.menu-flotante h3 {
display:block;
margin:0 0.5em;
}
</style>
<div class=”menu-flotante”>
<h3>Idioma</h3>
<a href=”#”>Español</a>
<a href=”#”>English</a>
</div>{/code}

Modifiquen a gusto el estilo CSS del menú, yo particularmente lo saque fuera de mis otras etiquetas de CSS para que no interfiera con el formato del website (CSS). Espero les sirva. Saludos.

 

5 thoughts on “Simple #HTML #CSS Menu”

  1. When I initially left a comment I clicked on the Notify me any time new comments are added checkbox and currently each and every time a remark is added I receive 4 emails with the exact same comment.

    Reply
  2. Yes we had a spam attack that day … Is all under control now. And if you are wondering what happen whit those spam comments ….. When there is limes what we do?

    Reply

Leave a Comment