código na categoria

Olá,

Eu queria o código que colocam na categoria para dar esse efeito veja na imagem :
https://i.servimg.com/u/f49/14/99/55/84/antes10.jpg
Quando não está o mouse em cima fica assim.
E quando passa o mouse aparece isso:
https://i.servimg.com/u/f49/14/99/55/84/depois10.jpg

Fórum que ví: http://narutorpgstorm.ultimaterpg.net/forum

---

Fórum: http://maniaonline.foroactivo.com.mx/forum (punBB)

Olá,

Crie uma tag CSS:

https://ajuda.forumeiros.com/t56841-

Nas propriedades deverá colocar:

Código:

Tag a:hover{
display: block;
}

Aplique uma div sobre todo o conteúdo que deseja ficar ocultado na descrição do fórum, exemplo:

<div class="Tag"> DESCRIÇÃO DO FÓRUM </div>

Até Mais.

Olá!

Peço que leia:
https://ajuda.forumeiros.com/t56821-


Resulta?



Até mais.

Ace escreveu:Olá,

Crie uma tag CSS:

https://ajuda.forumeiros.com/t56841-

Nas propriedades deverá colocar:

Código:

Tag a:hover{
display: block;
}

Aplique uma div sobre todo o conteúdo que deseja ficar ocultado na descrição do fórum, exemplo:

<div class="Tag"> DESCRIÇÃO DO FÓRUM </div>

Até Mais.

Olá ace.

Consegui entender mais o menos a explicação, tive problemas na hora de procurar a tag, até aprendi a criar um básico CSS rs.
Mais minha dúvida é a seguinte: para que serve esse código que você me passou:

Código:

Tag a:hover{
display: block;
}

O 'display:block' serve pra mostrar os elementos que estão escondidos pela propriedade display:none. Exemplo:

.MateusV{
display:none;
}
.teste:hover .MateusV{
display:block;
}

E a tag HTML:

<div class="teste">Passe o mouse! <br>
<span class="MateusV">Isto é um texto!</span></div>

A principio a tag não aparece mas se passar o mouse sobre a div com o texto "Passe o mouse" a tag aparece.

Abraços.

MateusV. escreveu:O 'display:block' serve pra mostrar os elementos que estão escondidos pela propriedade display:none. Exemplo:

.MateusV{
display:none;
}
.teste:hover .MateusV{
display:block;
}

E a tag HTML:

<div class="teste">Passe o mouse! <br>
<span class="MateusV">Isto é um texto!</span></div>

A principio a tag não aparece mas se passar o mouse sobre a div com o texto "Passe o mouse" a tag aparece.

Abraços.

Compriendi, muito obrigado.

Podem bloquear