13 mar. 2017

CREAR BOTONES DE ESTILO EN LA PÁGINA WEB


  • Para enlazar un archivo css de estilo (previamente creado), esto código se pega en el body del html:

<link href="Nombre del archivo.css" rel="stylesheet" type="text/css" id="Nombre del identificador">


  • En el head del html se pega:

<script type="text/javascript" language="JavaScript">
function Nombre de la función(archivo){
document.getElementById("Nombre del identificador").href= archivo;
}
</script>


  • Añadir un botón que llame a la función y se ejecute el archivo css, en el body del html:

<button type="button" onclick="Nombre de la función('Nombre del archivo.css')">Lo que quieres que aparezca en la página web</button>


Para tener dos opciones estilos (y poder cambiarlos dando a un botón y otro) se añade dos veces el código que se encuentra justo encima de este párrafo con el nombre del nuevo archivo.


Este es un ejemplo de dos botones de cambio de estilo colocados en la parte superior de la página.





No hay comentarios:

Publicar un comentario en la entrada