EuficoLoko

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 para baixo  Mensagem [Página 1 de 1]

1

Zeek

Seg Mar 09, 2015 4:35 pm
Resolvido

Zeek
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!

2

Faeel

Seg Mar 09, 2015 4:45 pm
Resolvido

Faeel
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!

3

Zeek

Seg Mar 09, 2015 4:54 pm
Resolvido

Zeek
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!

4

EuficoLoko

Seg Mar 09, 2015 5:11 pm
Resolvido

EuficoLoko
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?
http://www.lokoscripts.com

5

Zeek

Seg Mar 09, 2015 5:33 pm
Resolvido

Zeek
Unranked
Sem Resultado o codigo que o Loko me passou não funciono!

6

Faeel

Seg Mar 09, 2015 5:53 pm
Resolvido

Faeel
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>

7

Zeek

Seg Mar 09, 2015 9:12 pm
Resolvido

Zeek
Unranked
Nenhum dos code funcionário até agora!

8

Faeel

Seg Mar 09, 2015 10:18 pm
Resolvido

Faeel
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!

9

Zeek

Ter Mar 10, 2015 3:46 pm
Resolvido

Zeek
Unranked
Olá, desculpa a demora sem chance nenhum dos code funcionaro.

10

EuficoLoko

Ter Mar 10, 2015 5:39 pm
Resolvido

EuficoLoko
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.
 Descrição em efeito hover  24z7Qlu

http://www.lokoscripts.com

11

Zeek

Ter Mar 10, 2015 7:25 pm
Resolvido

Zeek
Unranked
Opá, consegui vllw ae !

12

EuficoLoko

Ter Mar 10, 2015 7:31 pm
Resolvido

EuficoLoko
Administrador
Certo, tópico solved. Smile
http://www.lokoscripts.com

13

Conteúdo patrocinado

Resolvido



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

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