Efeito Tooltip com problemas

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

Resolvido Efeito Tooltip com problemas

Mensagem por VitorC. em 28/06/15, 04:24 pm

Olá à todos,

Em meu fórum, adicionei o efeito Tooltip, entretanto ele está com um problema, no widget 'Últimos assuntos' ele aparece incompleto, assim como aqui no FdF. Teria algum jeito de resolver isso, no caso passando por cima da borda do widget?

Até mais! zen
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman em 28/06/15, 04:38 pm

Poderia disponibilizar o código usado?
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 28/06/15, 04:43 pm

É o do Pacotão de Tutoriais:

Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "TEXTO A EXIBIR";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman em 28/06/15, 04:58 pm

Olha, isso vai ser muito difícil fazer, pôs depende muito do título dos tópicos, pôs o tamanho deles varia, podemos tentar remover o efeito talvez na aba de últimos assuntos.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 28/06/15, 05:10 pm

Seria complicado mesmo os títulos sendo do mesmo tamanho? Se sim, pode retirar o código dos widget.
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman em 28/06/15, 05:16 pm

@VitorC. escreveu:Seria complicado mesmo os títulos sendo do mesmo tamanho? Se sim, pode retirar o código dos widget.

Os títulos do mesmo tamanho não, mas isso ia ser meio difícil não acha?
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 28/06/15, 05:33 pm

Provavelmente. Mas pode continuar com a sua ideia: a de retirar o efeito do widget 'Últimos assuntos'.
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman em 28/06/15, 05:44 pm

Crie um novo JavaScript com investimento em todas as páginas com o seguinte código:

Código:
$(function(){
$('.js-marquee-wrapper').remove('a[href="/u1"] strong:hover:after');
});

Resulta?

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 28/06/15, 05:57 pm

@Shaman escreveu:Crie um novo JavaScript com investimento em todas as páginas com o seguinte código:

Código:
$(function(){
$('.js-marquee-wrapper').remove('a[href="/u1"] strong:hover:after');
});

Resulta?

Até mais!

Infelizmente não.
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Rafael em 28/06/15, 06:47 pm

Olá,

Não é tão difícil quanto isso.

Vitor troque por este:

Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "TEXTO A EXIBIR";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
display:inline-block;
white-space:nowrap;
z-index:1;
}

Atenciosamente,
iChees :café:
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 29/06/15, 01:27 pm

Olá @iChees,

infelizmente não funcionou, até bugou o nick: ele ficou trocando de posição 'loucamente'. Deixei no fórum o seu código, passe por cima do nickname VitorC..

Até mais. zen
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior em 29/06/15, 02:08 pm

Saudações,

E se utilizar assim amigo:
Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "TEXTO A EXIBIR";
border-radius:5px;
color:#fff;
white-space:nowrap;
z-index:1;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 29/06/15, 02:16 pm

Continuou com o mesmo bug. Infelizmente.
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior em 29/06/15, 02:18 pm

Bem, deixe eu ver o efeito em teu fórum?
Coloque o código anterior do meu para que eu veja e mande-me o link do teu fórum.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 29/06/15, 02:19 pm

Olá Sennior,

Recoloquei o código do iChees. O fórum se encontra aqui: http://nolabels.forumeiros.com . O bug só está aplicado no usuário VitorC..

Até mais. zen
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior em 29/06/15, 02:24 pm

Bem e se usar este:
Código:
a[href="/u1"] strong {
position:relative;
}
a[href="/u2"] strong:hover:after {
  background-color: rgba(199,24,30,0.7);
  border-radius: 5px;
  color: #fff;
  content: "Gestão administrativa do fórum.";
  display: inherit;
  font-size: 10px;
  font-weight: 700;
  padding: 2px;
  white-space: nowrap;
  z-index: 1;
  top: -14px;
  position: absolute;
  left: -69px;
}

Coloque no inicio de teu CSS.
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. em 29/06/15, 02:31 pm

Olá caro Sennior,

Com a alteração de alguns valores obtive sucesso. Obrigado.
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

Ver perfil do usuário http://nolabels.forumeiros.com

Resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior em 29/06/15, 02:33 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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