Widget no topo

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

Resolvido Widget no topo

Mensagem por BombaGames em 20/09/13, 09:18 pm

Qual é minha questão:
 Eu li esse tutorial e peguei o código da esquerda.
http://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


Última edição por BombaGames em 20/09/13, 11:50 pm, editado 1 vez(es)
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Widget no topo

Mensagem por Sennior em 20/09/13, 09:30 pm

Olá!

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

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Widget no topo

Mensagem por BombaGames em 20/09/13, 10:05 pm

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

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Widget no topo

Mensagem por Sennior em 20/09/13, 10:10 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Widget no topo

Mensagem por BombaGames em 20/09/13, 10:18 pm

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

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Widget no topo

Mensagem por Sennior em 20/09/13, 10:22 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Widget no topo

Mensagem por BombaGames em 20/09/13, 10:27 pm

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

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.com/

Resolvido Re: Widget no topo

Mensagem por Sennior em 20/09/13, 10:33 pm

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Widget no topo

Mensagem por BombaGames em 20/09/13, 10:39 pm

mesma coisa
avatar

BombaGames
Nível 9

Masculino
Inscrito dia : 08/08/2011
Mensagens : 172
Pontos Ativos : 323

Ver perfil do usuário http://bomba-games.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