Unir botões

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Unir botões

Mensagem por Connor R. 03.10.20 18:34

Detalhes da questão


Endereço do fórum: https://somosmugiwara.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Estou tentando fazer um modo escuro, o mesmo já está funcional, mas estou tendo dificuldade em unir os dois botões. Por exemplo, ao clicar no botão o modo escuro é ativado e ao desmarcar tal botão o modo escuro é desativado.

O código abaixo existe dois botões, um para o modo escuro e o outro para o modo claro, quero deixar apenas um botão para ambas as funções, seria possível? Usando o toggle?

lê abaixo

Edit:

Encontrei um, mas quando coloco no fórum o mesmo não funciona. Não sei onde estou errando.

https://jsfiddle.net/6vrmftub/
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Unir botões

Mensagem por tikky 05.10.20 1:03

Olá @Connor R.,

Encontrei um, mas quando coloco no fórum o mesmo não funciona. Não sei onde estou errando.

De facto é estranho, testei e também não funcionou, todavia use o seguinte código em um template:
Código:
      <div class="custom-switch">
            <input type="checkbox" id="darkSwitch" />
            <label for="darkSwitch">Dark Mode</label>
          </div>
 
          <!-- You must load 'dark-mode-switch.js' after the dark-mode switch -->
          <script src="https://www.jqueryscript.net/demo/dark-mode-bootstrap/dark-mode-switch.min.js"></script>
Para customizar para o tema escuro basta usar o seguinte prefixo (atributo) antes do seletor (classe/id/...):
Código:
[data-theme="dark"]
Exemplo:
Código:
[data-theme="dark"] .post {
  background-color: #111 !important;
  color: #eee;
}


Atenciosamente,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Unir botões

Mensagem por Connor R. 05.10.20 2:06

Eu testei no fórum, mas não foi funcional. Testei até no Jsfiddle e também não funcionou...

Edit:

Consegui resolver colocando diretamente o js no templante, thanks.
Connor R.

Connor R.
Super Membro

Membro desde : 06/08/2012
Mensagens : 1253
Pontos : 2021

http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Unir botões

Mensagem por Roevs 06.10.20 11:47

Tópico resolvido


Movido para "Questões resolvidas".
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos