Tópicos e mensagens em modo hover atrapalhando imagens

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

Resolvido Tópicos e mensagens em modo hover atrapalhando imagens

Mensagem por Karol Marinho em 13/02/13, 02:16 pm

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?


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, 03:38 pm, editado 2 vez(es) (Razão : Colocar o code utilizado)
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

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

Mensagem por iPrompt em 13/02/13, 02:57 pm

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

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

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

Mensagem por Karol Marinho em 13/02/13, 03:05 pm

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

avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

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

Mensagem por iPrompt em 13/02/13, 03:11 pm

Olá,

Tente utilizar este código

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

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

Mensagem por Karol Marinho em 13/02/13, 03:34 pm

Funcionou! Obrigado!
Tópico resolvido!
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

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