Você não está conectado. Conecte-se ou registre-se

Descrição em efeito hover

Descrição em efeito hover

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1

Zeek

em Seg Mar 09, 2015 4:35 pm
Resolvido

avatar
Unranked



Versão: PunBB

Descrição: Olá, gostaria de saber como faço para esconder a descrição tipo uma janela para eu passar o mouse emcima ela abrir Descrição em efeito hover não manjo mt disso mais ta ae!
Ver perfil do usuário

2

Faeel

em Seg Mar 09, 2015 4:45 pm
Resolvido

avatar
Unranked
Olá Zeek,

o senhor quis dizer a descrição das categorias ou do seu fórum? poderia me mostrar um imagem do que queria?

Até mais!
Ver perfil do usuário

3

Zeek

em Seg Mar 09, 2015 4:54 pm
Resolvido

avatar
Unranked
Por exemplo:
Spoiler:
Spoiler:
Eu passo mouse encima da categoria, e aparece a descrição escondida eu não sei direito os nome mais espero que intenda!
Ver perfil do usuário

4

EuficoLoko

em Seg Mar 09, 2015 5:11 pm
Resolvido

avatar
Administrador
Olá!

Em cada descrição, quando for adicionar, adicione assim:
Código:
<div id="lokodesc">DESCRIÇÃO QUE APARECERÁ EM HOVER</div>
Agora, acrescente no CSS:
Código:
.statused tr td.tcl + #lokodesc {display: block !important}
Seria isso?
Ver perfil do usuário http://www.lokoscripts.com

5

Zeek

em Seg Mar 09, 2015 5:33 pm
Resolvido

avatar
Unranked
Sem Resultado o codigo que o Loko me passou não funciono!
Ver perfil do usuário

6

Faeel

em Seg Mar 09, 2015 5:53 pm
Resolvido

avatar
Unranked
Olá!

Desculpe a demora, não sou um expert em codes kk.

Adicione este code em sua css.

Código:
#faelgostoso {
display: none;
}

table.ipbtable td .par:hover #faelgostoso {
display: block;
}
Ou se não funcionar este primeiro code tente este:

Código:
.tcl:hover > #faelgostoso {display: block !important;}#faelgostoso {display: none !important;}
E este code na sua descrição:

Código:
<div id="faelgostoso">CONTEÚDO</div>
Ver perfil do usuário

7

Zeek

em Seg Mar 09, 2015 9:12 pm
Resolvido

avatar
Unranked
Nenhum dos code funcionário até agora!
Ver perfil do usuário

8

Faeel

em Seg Mar 09, 2015 10:18 pm
Resolvido

avatar
Unranked
Na verdade amigo, o código do @EuficoLoko funcionou, porem não obteve o hover, tente adicionar este código em sua css.

Utilize os códigos que @EuficoLoko te forneceu neste tópico e adicione na css este:
Código:
.categoria:hover #modo {
display: block;
}
#modo {
display: none;
}

Caso não funcione o código, pedirei á um membro mais experiente para responder.

Até mais!
Ver perfil do usuário

9

Zeek

em Ter Mar 10, 2015 3:46 pm
Resolvido

avatar
Unranked
Olá, desculpa a demora sem chance nenhum dos code funcionaro.
Ver perfil do usuário

10

EuficoLoko

em Ter Mar 10, 2015 5:39 pm
Resolvido

avatar
Administrador
Olá!

Vós trago a solução, o erro foi meu. Esqueci do display: none. Notei que apenas adicionou os meus passos, na primeira categoria. Por favor, repita o mesmo processo nas demais.
Acrescente este CSS:
Código:
#lokodesc {display: none}
.statused tr td:hover #lokodesc {display: block !important}
E visualize a categoria, que por sua vez, possui a classe que eu indiquei no primeiro post.


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

11

Zeek

em Ter Mar 10, 2015 7:25 pm
Resolvido

avatar
Unranked
Opá, consegui vllw ae !
Ver perfil do usuário

12

EuficoLoko

em Ter Mar 10, 2015 7:31 pm
Resolvido

avatar
Administrador
Certo, tópico solved. Smile
Ver perfil do usuário http://www.lokoscripts.com

13

Conteúdo patrocinado

Resolvido



Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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