Widget acima das categorias - Invision

Detalhes da dúvida

Versão do fórum : Invision
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://guiatecnico.f-orum.com/

Descrição do problema

Olá!
Gostei do efeito proposto neste tutorial, [TUTORIAL] Widget acima das categorias
Quero saber como fazer o mesmo na versão Invision.


Aguardo..

UP após 24hrs

Saudações!

O efeito é para todas as versões, pois eu testei e funcionou perfeitamente! Vale ressaltar que o senhor deve ativar os widgets no fórum para que o efeito surta.

Atenciosamente,
Hakuouki

Hakuouki escreveu:Saudações!

O efeito é para todas as versões, pois eu testei e funcionou perfeitamente! Vale ressaltar que o senhor deve ativar os widgets no fórum para que o efeito surta.

Atenciosamente,
Hakuouki

Desculpe, mas se este código realmente fosse para todas as versões, eu não vinha até aqui pedir suporte.  
O código e os widgets estão ativos em meu fórum. Pode ver que à um "bug":


Tentei procurar as mesmas linhas do código em meu fórum e apenas encontrei á linha #right.

Olá novamente senhor!

Se os widgets estão acima das categorias, é provável que funcionou. O único problema é que estão com quebra de linha, eles não estão se alinhando lado à lado. O senhor poderia me informar se, você utiliza widgets nos lados direito e esquerdo? E se adicionou um valor para a largura das colunas esquerda e direita?
Aceda: Painel de Controle >> Módulos >> Portal & Widgets >> Gestão dos widgets do fórum

Largura coluna 1 (esquerda)
Largura coluna 3 (direita)

Veja se ambos tem seus valores.

Atenciosamente,
Hakuouki

@EDIT

Já resolvi o problema. Obrigado pela ajuda Hakuouki!
Apenas editei algumas classes de acordo com a versão Invision.

Aqui o código caso alguém precise:

Código:


#right{
  position:absolute;
  top: 10em;
  left: 10em;
  width:935px !important;
  text-align: center;
  float: left;
  margin: 0 12% !important;
}
#content-container{
  margin-top:320px !important;}
p.right.rightside{
  margin-top:260px !important;}
#right > div.module.borderwrap {
  max-height: 230px !important;
  top: 0 !important;
  position: relative;
  width:220px !important;
  min-height:228px !important;
  display:block;
  max-width: 220px;
  float: left;
  margin: 5px!important;
}

#right > div[style*="height"] { display: none; }

Até mais!