Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

José da Silvasauro

Como fazer este efeito?

Por , em Desenvolvimento frontend

Recommended Posts

William Bruno    1501

William Bruno
Postado

Opa! @José da Silvasauro,

 

É o link do meu blog! hauhaua :lol:

Cara, é uma mistura de javascript com css.

 

 

Qndo você clica "no botão", eu adiciono um class css ao body da página:

<body class="black">

e tendo essa class, o css faz o restante:

.black { background: #000; }

.black .post time,
.black #main { background: transparent; }

.black input, .black select, .black textarea,
.black #sidebar a,
.black, .black #switch,
.black h1 a, .black h2 a { color: #ddd; }

.black .post time,
.black h1, .black h2, .black h3, .black h4, .black h5, .black h6,
.black a { color: #00aaff; }
...

 

 

Fiz um post "falando sobre isso":

http://wbruno.com.br/2012/03/13/turn-lights-meu-tema-em-fundo-preto/

 

 

Qualquer coisa, é só perguntar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

O botão tem que ficar "trocando", colocando e removendo a class:

 

	var body = jQuery('body');

jQuery('#switch').click(function(){
	var $this = jQuery( this );

	if( body.hasClass('black') )
	{
		body.removeClass('black');
		$this.html('black theme');
	}
	else
	{
		body.addClass('black');
		$this.html('white theme');
	}
});

 

=)

Compartilhar este post

Link para o post
Compartilhar em outros sites

José da Silvasauro    7

José da Silvasauro
Postado

Meu botão não está funcionando. Como faço para uma imagem ou um texto fazer está ação?

 

Pessoal me ajuda ai! ta tudo certinho mais quando eu clico no botão nada acontece....

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito