pesquise aqui

.............................................................................................................................................................................................

Aprenda como se faz:..."Mostrar / ocultar - Efeito suspenso"

Mostrar / ocultar - Efeito suspenso


Esta é uma técnica criada com CSS Desizntech pode ver o seu exemplo aqui. Achei muito interessante para ocultar o conteúdo, já que só precisa adicionar algumas linhas em folhas de estilo para usá-lo.
Depurando um código seria o suficiente para acrescentar um pouco
antes]]> </ B: skin> seguinte:

# Ul suspensa. Drop {
display: none;

}

# Dropdown ul: hover {Drop.

display: block;

padding-bottom: 10px;

}


"   Então, para onde queremos adicionar esse efeito seria algo como"   ...:

Aqui está o conteúdo inicial
<div id="dropdown"> <ul>Continuar a leitura<A class = "gota">
conteúdo oculto ...
</ A> </ ul> </ div>
Isto continua a nossa entrada.


"  Muitos pacotes de desktop publicação e editores de páginas web usam actualmente o Lorem Ipsum como o modelo de texto padrão, e pesquisa por "    lorem ipsum"   wil
"  Há muitas variações de passagens de Lorem Ipsum disponíveis, mas a maioria tem alguma alteração sofreu em formulário, pelo humor injetado, randomizados ou palavras."

Se em vez disso, adicione Ler uma imagem que pode substituir o texto "  Ler"    por 
 
<Img src = "url-de-imagem-"/>
 
Aqui está o conteúdo inicial
Isto continua a nossa entrada.

"  Nós podemos também adicionar alguns estilos para a tag span e em vez de "   leitura"   adicionar"
 
 
  <Span class = "span">Leia</ Span>
 
 
..."  e os seguintes estilos antes "
 
 
]]></ B: skin>
 
. Span {
border: solid # 333;
padding: 2px;
background: # fff;
color: # 333;
font-size: 12;
}
Aqui está o conteúdo inicial
Isto continua a nossa entrada.



fonte e créditos deste presente post:




 
|Template by ebds|http://vejatudosobre.blogspot.com.br/ |