Widget no topo

Qual é minha questão:
 Eu li esse tutorial e peguei o código da esquerda.
https://ajuda.forumeiros.com/t73518-tutorial-widget-acima-das-categorias
 O problema é que o widget fica no  mesmo lugar do menu e fica aquela confusão. Gostaria que a posição mudasse para abaixo do buscador do fórum, tentei mudar de posição mas não consegui. Obg desde já!

Endereço do meu fórum:
http://bomba-games.com

Versão do fórum:
PHPBB3

Olá!

O código esta ativo? Pois aqui não esta erro nenhum, se poder por gentileza ativar o código.

Até mais!

pronto, ativei. Também fica um em cima do outro. Também, embaixo da aba ''Data/hora atual: Sex 20 Set 2013 - 22:04'' fica um espaço vazio caso tenha só 1 widget.

Olá!

Estranho, pois não encontro o erro em código... Troque o código fornecido pelo tutorial pelo abaixo:

Código:

#left{
  position:absolute;
  top: 10em !important;
  left: 10em !important;
  width:935px !important;
  text-align: center !important;
  float: left !important;
  margin: 0 12% !important;
}

#left .module.main {
  max-height: 230px !important;
  top: 0 !important;
  position: relative !important;
  width:220px !important;
  min-height:228px !important;
  display:block !important;
  max-width: 220px !important;
  float: left !important;
  margin: 5px!important;
}
#main-content{
  margin-top:320px !important;}
p.right.rightside{
  margin-top:260px !important;}

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

Lembre-se que o código acima e posto no inicio de teu CSS.

Até mais.

Agora ficou em cima do menu. Se tiver como deixar embaixo do fórum também é bom.

Olá!

Agora altere novamente pelo abaixo:

Código:

#left {
float: left!important;
left: 10em!important;
margin: 0 12%!important;
position: absolute;
text-align: center!important;
top: 40em!important;
width: 890px!important;
}

#left .module.main {
  max-height: 230px !important;
  top: 0 !important;
  position: relative !important;
  width:220px !important;
  min-height:228px !important;
  display:block !important;
  max-width: 220px !important;
  float: left !important;
  margin: 5px!important;
}
#main-content{
  margin-top:320px !important;}
p.right.rightside{
  margin-top:260px !important;}

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

Até mais.

Melhorou muito  , mas ainda está um embaixo do outro e em cima do 'anúncio google'.

Bem, os anúncios Google eu não estou vendo infelizmente, mas quanto ao resto, coloque este novo código em teu CSS:

Código:

.mes-txt {position: relative !Important;top: 42px !Important;left: 195px !Important;}#search {position: relative !important;top: -11px !important;
left: 17px !important;}

Depois troque o do tutorial pelo abaixo:

Código:

#left {
float: left!important;
left: 381px!important!important;
margin: 0 12%!important;
position: absolute;
text-align: center!important;
top: 40em!important;
width: 890px!important;
}

#left .module.main {
  max-height: 230px !important;
  top: 0 !important;
  position: relative !important;
  width:220px !important;
  min-height:228px !important;
  display:block !important;
  max-width: 220px !important;
  float: left !important;
  margin: 5px!important;
}
#main-content{
  margin-top:320px !important;}
p.right.rightside{
  margin-top:260px !important;}

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

mesma coisa