MarcoFbb | Foro

Programación y Diseño => Diseño Web => Mensaje iniciado por: TheMasterlight24 en 04 de Octubre de 2019, 02:58:15 am

Título: Script para cambiar el diseño de la plantilla a dia o noche
Publicado por: TheMasterlight24 en 04 de Octubre de 2019, 02:58:15 am
SAludos quisiera saber si alguien tiene el script de cambiar la plantilla oscura o clara, algo como esto.


(https://i.ibb.co/JHXdcjR/noche.png) (https://imgbb.com/)

Si alguien lo tiene, por favor de compartirlo.
Título: Re:Script para cambiar el diseño de la plantilla a dia o noche
Publicado por: frans185 en 04 de Octubre de 2019, 03:30:42 am
Para tener tu plantilla día/noche necesitas tener 2 archivos css, puedes llamarlos día.css y noche.css e incluir uno de los archivos css en tu html.

Luego debes hacer un script que guarde el nombre del archivo css en una cookie, para segun eso cargar el css que necesites.

¿De que web es la imagen con el botón noche que publicaste?
Título: Re:Script para cambiar el diseño de la plantilla a dia o noche
Publicado por: TheMasterlight24 en 04 de Octubre de 2019, 03:32:40 pm
Es de Tioanime, tienes algun codigo para eso? Saludos!
Título: Re:Script para cambiar el diseño de la plantilla a dia o noche
Publicado por: frans185 en 06 de Octubre de 2019, 05:37:32 pm
Prueba con el siguiente
http://www.onlinetutorialsweb.com/day-night-mode-switch-toggle-2-html-css-javascript/
Título: Re:Script para cambiar el diseño de la plantilla a dia o noche
Publicado por: TheRhenals en 07 de Octubre de 2019, 03:25:56 am
Para tener tu plantilla día/noche necesitas tener 2 archivos css, puedes llamarlos día.css y noche.css e incluir uno de los archivos css en tu html.

Luego debes hacer un script que guarde el nombre del archivo css en una cookie, para segun eso cargar el css que necesites.

¿De que web es la imagen con el botón noche que publicaste?
Los cookies ya como que no se usan :v, es más fácil hacerlo con js y usar localstorage.
Título: Re:Script para cambiar el diseño de la plantilla a dia o noche
Publicado por: frans185 en 08 de Octubre de 2019, 12:20:03 am
claro, por eso le puse un ejemplo solo con javascript