CSS: CÓDIGO MENÚ IDIOMAS SIN JS

Ejemplo de Menú de Idiomas:



Crear una lista desplegable para seleccionar idioma, sin usar Javascript, con los siguientes pasos y códigos:

1- En la página de HTML, entre <body> y </body>:

<select class="selection" onChange="location = this.value">
<option value="#" selected>Español&nbsp;&nbsp;文A</option>
<option value="english.html" selected>ENGLISH</option>
<option value="portugues.html" selected>PORTUGUÊS</option>
</select>

Los códigos "&nbsp;&nbsp;" se agregan para dejar espacios en blanco entre palabras.

La página que está en uso lleva value="#"; los demás enlaces, tiene la URL del otro idioma.


2- En la Hoja de Estilos CSS:

.selection{width:150px;height:30px;margin:5px;background-color:#F5F5DC;color:#666;font-weight:600;cursor:pointer}

Cambiar los atributos de ancho, alto, márgenes, colores de fondo y fuente, negrilla, según corresponda al diseño de la página web.






CSS: Menú de pestañas sin Javascript

Usamos cookies propias y de terceros para estadísticas y publicidad personalizada.
Si continúa navegando, consideramos que acepta su uso. X +Info