Mudar de Layout

[DerickLemos 0]

Olá galera, sou iniciante em CSS, e fiz um site em CSS: http://www.caxambuonline.com.br/derick/sonia

Só que eu gostaria de mudar a cor do layout e tal, já fiz outro arquivo XML com as outras configurações de imagens e cores. Só que não consigo fazer mudar o CSS ao clicar no botão, tentei fazer isso olhando no código font do blog da Ana Beskow [ http://www.ana.beskow.nom.br ], só que não tive sucesso.

 

Se alguém souber como me ajudar, grato...

[_ nEoN _ 0]

ao observar o código fonte da página

 

http://www.ana.beskow.nom.br/

 

observei o seguinte.

 

ela criou duas páginas de estilos CSS uma ela nomeou de bolhas e outra de normal

 

<link rel="stylesheet" type="text/css" href="css/layout2.css" title="bolhas" /><link rel="alternate stylesheet" type="text/css" href="css/layout.css" title="normal" /><link rel="alternate stylesheet" type="text/css" media="print" href="print.css" />

Logo após ela criou dois botões para alternar esses estilos.

 

<a href="#" onclick="setActiveStyleSheet('bolhas'); return false;" title="Layout Bolhas"><img src="ico_bolhas.jpg" alt="Layout Bolhas" border="0" /></a>

 

a parte em destaque faz a substituição !

 

ae é só você usar a criatividade e criar o arquivo CSS de acordo com o layout que preferir e criar icones como o do site acima para substituir o estilo atual.. !

 

:)

[Maujor 144]

Olá

"A parte em destaque que faz a substituição" - setActiveStyleSheet('bolhas') - é uma função JS!

Dê uma olhada AQUI para uma explicação detalhada de como alternar estilos!

[DerickLemos 0]

Poxa manow, muito obrigado heim, deu certinho!Quebrou um galhão meu ;)