Efeito Tooltip com problemas

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!

Poderia disponibilizar o código usado?

É 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;
}

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.

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

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?

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

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

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é:

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.

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.

Continuou com o mesmo bug. Infelizmente.

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.

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.

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.

Olá caro Sennior,

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