código na categoria

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido código na categoria

Mensagem por Alex Habilidade 22.11.12 14:59

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)
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: código na categoria

Mensagem por Ace 22.11.12 16:51

Olá,

Crie uma tag CSS:

Flecha ajudeiros 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.
Ace

Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: código na categoria

Mensagem por StyLe® 22.11.12 17:14

Olá!

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


Resulta?



Até mais.
avatar

StyLe®
Super Membro

Membro desde : 28/04/2012
Mensagens : 1919
Pontos : 2654

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

Ir para o topo Ir para baixo

Tópico resolvido Re: código na categoria

Mensagem por Alex Habilidade 22.11.12 18:08

Ace escreveu:Olá,

Crie uma tag CSS:

Flecha ajudeiros 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;
}
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: código na categoria

Mensagem por MateusV. 22.11.12 18:35

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.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: código na categoria

Mensagem por Alex Habilidade 22.11.12 18:40

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
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos