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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como remover essas bordas dos avatares?
Hoje à(s) 06:58 am por AlexG

» Como adicionar um fundo a barra de menus?
Hoje à(s) 01:38 am por SetRaiden

» Preciso de uma logo
Hoje à(s) 01:05 am por odelgado

» [FAQ] Gerir e configurar o Topic'it no seu fórum Forumeiros
Ontem à(s) 11:15 pm por Shek

» Preciso de Ajuda.
Ontem à(s) 11:12 pm por Shek

» Plaquinhas de Rank para o meu Fórum
Ontem à(s) 07:41 pm por Lost154

» Publicidade bugada
Ontem à(s) 07:31 pm por virus

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
244 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 242 Visitantes :: 2 Motores de busca

IsmaelS., virus

[ 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

Ver perfil do usuário 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