código na categoria

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

Resolvido código na categoria

Mensagem por Alex Habilidade em 22/11/12, 12:59 pm

Olá,

Eu queria o código que colocam na categoria para dar esse efeito veja na imagem :
http://i49.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:
http://i49.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)
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: código na categoria

Mensagem por Ace em 22/11/12, 02:51 pm

Olá,

Crie uma tag CSS:

Flecha ajudeiros http://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.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: código na categoria

Mensagem por StyLe® em 22/11/12, 03:14 pm

Olá!

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


Resulta?



Até mais.

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: código na categoria

Mensagem por Alex Habilidade em 22/11/12, 04:08 pm

@Ace escreveu:Olá,

Crie uma tag CSS:

Flecha ajudeiros http://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;
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: código na categoria

Mensagem por MateusV. em 22/11/12, 04:35 pm

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.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: código na categoria

Mensagem por Alex Habilidade em 22/11/12, 04:40 pm

@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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum