Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito no avatar em mensagens no tópico
Hoje à(s) 01:34 am por Dark Hunter

» Imagem do topico
Ontem à(s) 11:50 pm por Harleen

» #10422 Forumeiros desativa e reenvia a url para este site
Ontem à(s) 10:39 pm por Forumpw

» [PEDIDO] - Logo
Ontem à(s) 09:38 pm por Tiger

» Caixa de resposta rápida nos tópicos
Ontem à(s) 09:07 pm por Harleen

» Template quebra ao ser editado
Ontem à(s) 08:52 pm por Starset

» Ícones de redes sociais e feed
Ontem à(s) 08:14 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Fatalisss
 
Harleen
 
JulioPais
 
APOllO
 
Shek
 
Holkis
 
MtX
 
Forumpw
 
Roger_Crazzy
 

Quem está conectado
212 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 211 Visitantes :: 2 Motores de busca

Noia 2.0

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Problema com Boxes em hover

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

Resolvido Problema com Boxes em hover

Mensagem por Bruno Franks em 15/02/15, 11:25 am

Detalhes da dúvida


Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://ams-meiosangue-rpg.forumeiros.com/

Descrição do problema

Então... estou usando um code feito pelo Loko para que nos meus posts, em alguma palavra específica, quando o cursor do mouse pousasse sobre ela, apareceria uma caixa com um texto descritivo.

Código:
$(function(){
$('#postreception').hover(function(){$('#postdescription').show();}).mouseleave(function(){$('#postdescription').hide();});;
});

Investi esse code JS nos "Tópicos" e enquanto edito meu post, introduzo esse code abaixo para que o efeito funcione.

Código:
<div id="postreception">AQUI<span id="postdescription" style="display:none; background-color:#dda243">AQUI O TEXTO QUE IRÁ APARECER EM HOVER</span></div>

O efeito realmente funciona, mas tenho encontrado uma dificuldade... o texto que aparece em hover, onde está exemplificado aqui como "AQUI O TEXTO QUE IRÁ APARECER EM HOVER" só permite um limite de caracteres pequeno. Se eu ultrapasso esse limite, os caracteres ultrapassados não ficam escondidos pra aparecerem quando eu passar o mouse e só se esconde os que estão dentro do limite, o que deixa desestruturado o post e me desagrada muito... Teria como aumentar esse limite? Pra que eu possa ter frases longas escondidas em hover?
avatar

Bruno Franks
Nível 8

Masculino
Inscrito dia : 20/06/2012
Mensagens : 120
Pontos Ativos : 150

http://ams-meiosangue-rpg.forumeiros.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