Botão para mudar de css e alterar visual.

Question

Ol&aacute;.
 
O meu site ele tem um plano de fundo. fundo preto com uma imagem meio preto. 
 
S&oacute; que eu quero fazer um bot&atilde;o que mude de css. Porque o css1 vai mostrar a imagem preta com o fundo preto. 
 
E o css2 vai mostrar o fundo laranjado com uma imagem do por do sol. Eu queria saber como fa&ccedil;o isso. 
 
Se tem um tutorial na internet. 
 
Eu vi esse efeito no site do msn www.msn.com.br tem uns quadrinhos de cor. 
 
E quando clika muda o fundo.

Answer

se baseie nesse exemplo:
http://aurelio.net/css-sandbox/

Answer

Peczenyj &eacute; a 2a vez que voc&ecirc; sugere esse link, e que eu n&atilde;o entendo o que &eacute; que voc&ecirc; gosta nele. (guia de referencia r&aacute;pida?)
 
Se voc&ecirc; for mudar s&oacute; 2 coisas talvez seja mais f&aacute;cil usar um unico arquivo css, mas se voc&ecirc; quer 2 visuias diferentes (cor disso, daquilo, posi&ccedil;&atilde;o, etc..) o jeito &eacute; usar 2 arquivos css.
Uma refer&ecirc;ncia que mostra beem passo a passo, com toda a calma e os detalhes &eacute; http://www.maujor.com/tutorial/alternatecss.php.
Espero que desta vez pra variar eu consiga ajudar...

Answer

[quote=jofrelscalvet, post: 3408298]Peczenyj &eacute; a 2a vez que voc&ecirc; sugere esse link, e que eu n&atilde;o entendo o que &eacute; que voc&ecirc; gosta nele. (guia de referencia r&aacute;pida?)
 
Se voc&ecirc; for mudar s&oacute; 2 coisas talvez seja mais f&aacute;cil usar um unico arquivo css, mas se voc&ecirc; quer 2 visuias diferentes (cor disso, daquilo, posi&ccedil;&atilde;o, etc..) o jeito &eacute; usar 2 arquivos css.
Uma refer&ecirc;ncia que mostra beem passo a passo, com toda a calma e os detalhes &eacute; http://www.maujor.com/tutorial/alternatecss.php.
Espero que desta vez pra variar eu consiga ajudar...[/quote]

O arquivo css1 e css2 e iqual.

S&oacute; a parte que muda e essa.

CSS1

body{cursor:default;
background-color:#fff;
background: #000 url('imagens/body.gif') no-repeat; 
padding:0;
_padding-bottom:8px;
margin:0;
}
CSS2

body{cursor:default;
background-color:#B05A03;
background: #B05A03 url('imagens/body2.jpg') no-repeat; 
padding:0;
_padding-bottom:8px;
margin:0;
}
O que muda e o 
background-color:

e o

background:

Estou aprendendo &eacute; php. Ni css ainda n&atilde;o sou muito bom n&atilde;o.

Estes ae olhei no google. Como fas. Mais se tiver algum que aparec&atilde; 2 imagens e que mude a cor e a imagem de plano de fundo. Serve.

Eu editei completamente o site do msn. Consequi tirar a parte que muda.

Ficou funfando direitinho. S&oacute; que tem l&aacute; um problema que eu s&oacute; vi na hora de hospedar.

O plano de fundo n&atilde;o salva no cookie.

Do msn quando clika no verde por exemplo. Voc&ecirc; pode atualizar a pagina que fika verde. Mais o meu sempre ficou voltando para o padr&atilde;o.

Obrigado.

Answer

Se voc&ecirc; souber muito do lado cliente (html + javascript + css, basicamente) ser&aacute; capaz de fazer sites muito bons, mesmo que n&atilde;o saiba nada do lado servidor, se voc&ecirc; souber muito lado servidor (PHP + MySQL, no seu caso), mas nada do lado cliente, voc&ecirc; n&atilde;o ser&aacute; capaz de gerar resultados uteis.
Para fazer programas web voc&ecirc; precisar&aacute; usar o lado cliente e o lado servidor. Talvez no futuro sejam usados programadores-n&atilde;o-web junto com designer e programadores-web, no entanto hoje o mercado ainda n&atilde;o est&aacute; t&atilde;o segmentado, de forma que eu acho que vale a pena estudar o lado cliente primeiro (ou programa&ccedil;&atilde;o desktop e d&eacute;pois lado cliente). O link que eu passei explica o processo que voc&ecirc; quer aprender, provavelmente se voc&ecirc; l&ecirc;-lo vai ter facilidade em resolver seu problema (que voc&ecirc; diz estar encaminhado)

Ferramentas

Mover Tópico