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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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 : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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 : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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 : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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 : 1787
Pontos Ativos : 2453

Ver perfil do usuário http://brasilplayvicio.com.br

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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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

Resolvido Re: Efeito Tooltip com problemas

Mensagem por RafaelS. 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

RafaelS.
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3189
Pontos Ativos : 4136

Ver perfil do usuário http://techmais.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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817

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

Resolvido Re: Efeito Tooltip com problemas

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

Continuou com o mesmo bug. Infelizmente.
avatar

VitorC.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817

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

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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817

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

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.
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3795
Pontos Ativos : 4935

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
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16315
Pontos Ativos : 20817

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum