Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > FAQ
SEÇÕES
Monotemáticos
+ HTML
+ CSS
+ PHP
+ ASP
+ Javascript
Manuais
+ Desde 0
+ Tecnologia
+ Divulgação de sites
+ Flash
+ Mais manuais
Outras Seções
+ Diretório
+ Buscar em CriarWeb
+ Programas
+ Faqs
+ Colabore
Serviços e comunidade
+ Home comunidade
+ Suas Páginas
+ Boletim
+ Cadastrar-se
+ Gerador de METAs
+ Enquete
+ Livro de visitas

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Ocultar camadas com Css

Tenho uma página a modo de exemplo, a qual contém 4 camadas (1 visível e as outras 3 ocultas por padrão). E acima dela, os textos "Ver Camada 1" - "Ver Camada 2" - "Ver Camada 3" - "Ver Camada 4".

Agreguei a cada texto o comportamento desejado, ou seja, que quando clico em "Ver Camada 2" se oculta a camada que se esteja vendo e se mostra a camada 2, e assim com as demais. Porém, o que quero é fazê-lo através de links, ou seja, que quando posicione o Mouse sobre cada texto, apareça "a mãozinha" que aparece quando se trata de um link

Que vínculo devo colocar a cada frase para conseguir este efeito?

A FAQ Ocultar camadas com Css tem Pertence à categoria:
Resposta de Z UNITED 30/4/08
Deve colocar em cada camada um estilo, exemplo:
.camada1 { cursor:pointer; }
.camada2 hover { cursor:hand; }

Assim funciona, mas você também pode se aprofundar mais com tutoriais a respeito, também poderá combiná-lo com javascript e com as propriedades OnBlur, Over, etc. e ter resultados muito melhores.

Espero que lhe sirva, saudações.

 
FAQ relacionadas
  + Links que mudam ao passar o mouse
  + Diferenças de colocar estilos CSS em diferentes lugares
  + Mudar tipografia para toda a página
  + Mudar o tamanho de letra de um menu select
  + Estilo nos campos de formulário
  + Estilos em barras de deslocamento
  + Como eliminar as margens de cima e debaixo que tem um formulário
  + Definir as margens de um cabeçalho ou título <h1>
  + Alinhamento de texto à direita
  + Mudar o estilo da primeira letra de um parágrafo
  + Centralizar conteúdo da página
  + Elementos de listas LI na mesma linha
  + Links visitados
  + Cor de fonte em uma tabela
  + Aplicar estilo à primeira linha de um texto
  + Caixa com CSS
  + Construir um boletim com CSS
  + Clip em um div
  + Textarea sem borda
  + Menu dinâmico com CSS
  + Diferença entre atributos CSS margin e padding
  + Altura de camada que seja a da janela do navegador (CSS height: 100%)
  + Construir por tabelas ou camadas
  + Como posso mudar a cor da barra de deslocamento?
  + Mudar a cor dos links
  + Menu com CSS
  + Cursor com imagem
  + Como posso mudar a cor das células quando passo o ponteiro por cima delas?
  + Camadas com CSS
  + Estilo em tabelas HTML com CSS

Complementar a respostaComplementar a resposta
Voltar à árvore de categoriasVoltar à árvore de categorias


Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites