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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Conteúdo dos perfis não aparecem
Hoje à(s) 2:10 por Lemon~

» Últimos temas no fórum
Hoje à(s) 2:09 por Kyo Panda

» Botão Thanks na área errada
Hoje à(s) 1:40 por while

» Login na versão mobile
Hoje à(s) 1:11 por Kyo Panda

» Mudando a aparência da lista de fóruns
Hoje à(s) 0:58 por Kyo Panda

» Personalizar SCeditor
Hoje à(s) 0:43 por Kyo Panda

» Postar em ajax com avisos
Hoje à(s) 0:34 por Lineshooter

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
46 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 46 Visitantes :: 2 Motores de busca

Nenhum

[ 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?

Bruno Franks
Nível 8

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

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5