Tópicos e mensagens em modo hover atrapalhando imagens

2 participantes

Ir para baixo

Tópico resolvido Tópicos e mensagens em modo hover atrapalhando imagens

Mensagem por Karol Marinho 13.02.13 16:16

Qual é minha questão:
A imagem já explica.
Seguinte: Usei esse code abaixo como no tutorial, mas está atrapalhando as imagens, invadindo o espaço. Não há maneira de chegar a aba "Última Mensagem" mais para a direita?
Tópicos e mensagens em modo hover atrapalhando imagens Captur10

Código:
jQuery(function(){jQuery('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');jQuery('li.row').hover(function(){posts=jQuery(this).find('dd.posts').html();topics=jQuery(this).find('dd.topics').html();jQuery(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>'+topics+'</strong> Tópicos & <strong>'+posts+'</strong> Mensagens</span>');jQuery('.row_info').show(1000).css('display','inline')},function(){jQuery('.row_info').hide(1000).remove()})});

Endereço do meu fórum:
http://portalhf.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Quakeline em 13.02.13 17:38, editado 2 vez(es) (Motivo da edição : Colocar o code utilizado)
Karol Marinho
Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tópicos e mensagens em modo hover atrapalhando imagens

Mensagem por Roevs 13.02.13 16:57

Olá,

Adiciona este código em sua Folha de estio CSS

ul.forums dd {
position: absolute!important;
left: [color=red]150[/color]px;
}

Vermelho: Altere ate que fique como deseja

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tópicos e mensagens em modo hover atrapalhando imagens

Mensagem por Karol Marinho 13.02.13 17:05

Não deu certo amigo...
Olhe o que resultou>>

Tópicos e mensagens em modo hover atrapalhando imagens Captur11
Karol Marinho
Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tópicos e mensagens em modo hover atrapalhando imagens

Mensagem por Roevs 13.02.13 17:11

Olá,

Tente utilizar este código

dd.lastpost {
position: absolute!important;
left: 150px;
}

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Tópicos e mensagens em modo hover atrapalhando imagens

Mensagem por Karol Marinho 13.02.13 17:34

Funcionou! Obrigado!
Tópico resolvido!
Karol Marinho
Karol Marinho
*****

Membro desde : 25/01/2011
Mensagens : 414
Pontos : 635

http://acripta.forumeiros.com/

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