Efeito Tooltip com problemas

4 participantes

Ir para baixo

Tópico resolvido Efeito Tooltip com problemas

Mensagem por VitorC. 28.06.15 20:24

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
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman 28.06.15 20:38

Poderia disponibilizar o código usado?
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 28.06.15 20:43

É 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;
}
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman 28.06.15 20:58

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.
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 28.06.15 21:10

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

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman 28.06.15 21:16

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?
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 28.06.15 21:33

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

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Shaman 28.06.15 21:44

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!
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 28.06.15 21:57

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.
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por RafaelS. 28.06.15 22:47

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.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 29.06.15 17:27

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
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior 29.06.15 18:08

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 29.06.15 18:16

Continuou com o mesmo bug. Infelizmente.
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior 29.06.15 18:18

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 29.06.15 18:19

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
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior 29.06.15 18:24

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por VitorC. 29.06.15 18:31

Olá caro Sennior,

Com a alteração de alguns valores obtive sucesso. Obrigado.
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito Tooltip com problemas

Mensagem por Sennior 29.06.15 18:33

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

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos