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


rers

Acerca de rers

Rafael es TSU en Informática / Ing de Sistemas / Autor de El Gran libro de Debian GNU/Linux en 2015 fundo EnjoySistemas y actualmente se desempeña como Consultor Freelance.

5 comentarios en “Simple #HTML #CSS Menu

  1. 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?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *