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
» Personalização do perfil
Hoje à(s) 2:39 por jeys

» Problemas ao usar o chatbox com abas na barra de ferramentas
Hoje à(s) 1:16 por Br_SP_Rodrigo

» [Ranks] Ranks para fórum.
Hoje à(s) 0:35 por Tiger

» Lista de imagens com múltiplas escolhas
Hoje à(s) 0:09 por iScroll

» Tradução dos mini-jogos
Ontem à(s) 22:55 por ZombieW

» Portal
Ontem à(s) 21:10 por Luiz~

» Fundo Preto
Ontem à(s) 20:28 por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
216 usuários online :: 2 usuários cadastrados, 1 Invisível e 213 Visitantes :: 1 Motor de busca

Br_SP_Rodrigo, jeys

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Dom 15 Fev 2015 - 13:25

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