Ir para conteúdo

Arquivado

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

leandro martins

Imagem no topo + Link pra outros Css

Recommended Posts

Gostaria de ajuda em dois itens, pode ser alguma dica ou link, tutorial1- Queria colocar uma figura que ao ser clicada carregasse um 2º cssEx: No topo do site teria tres quadrados, um vermelho, um azul, e um verde, e ao clicar ele iria carregar uma css especifica, tipo azul.css, verde.css. que carregaria o fundo com a cor especifica e uma imagem especificaComo fazer?2- Depois que fosse criado o Item 1, a duvida que resta é como carregar uma imagem (que ficara no topo).Como carregar essa imagem a partir de um css?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Gostaria de ajuda em dois itens, pode ser alguma dica ou link, tutorial

 

1- Queria colocar uma figura que ao ser clicada carregasse um 2º css

Ex: No topo do site teria tres quadrados, um vermelho, um azul, e um verde, e ao clicar ele iria carregar uma css especifica, tipo azul.css, verde.css. que carregaria o fundo com a cor especifica e uma imagem especifica

 

Como fazer?

 

2- Depois que fosse criado o Item 1, a duvida que resta é como carregar uma imagem (que ficara no topo).

 

Como carregar essa imagem a partir de um css?

Bom, no 2º item, qdo você usa CSS, você pode definir essa imagem como uma imagem de fundo de um <h1>, onde em cada CSS você teria uma imagem específica.

 

Por exemplo:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif azul.ccs

h1 {	background: url(azul.jpg) no-repeat;}
http://forum.imasters.com.br/public/style_emoticons/default/seta.gif verde.ccs
h1 {	background: url(verde.jpg) no-repeat;}
etc...

 

Agora, qto ao primeiro item, acredito q é com o tal do JS... É o q eles chamam de DOM, se não me engano... Como não conheço JS, não posso afirmar com todas as letras... Mas acredito q é esse o caminho... (Inclusive, preciso estudar esse tal de JS... faz uma faaaaalta....)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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