[TUTORIAL] Widget acima das categorias

Agora é possível que os Widgets do fórum fiquem acima das categorias, de uma forma simples e fácil conseguimos ter êxito nesse feito.

--> Tutoriais, dicas e astúcias <--
Tutorial widget acima das categorias

1º - Apresentação do código:

• Código para os Widgets na coluna da esquerda
  

  Código:

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

#left .module.main {
  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;
}
#main-content{
  margin-top:320px !important;}
p.right.rightside{
  margin-top:260px !important;}

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

  
  
• Código para os Widgets na coluna da direita
  

  Código:

  #right{
  position:absolute;
  top: 10em;
  left: 10em;
  width:935px !important;
  text-align: center;
  float: left;
  margin: 0 12% !important;
}
#main-content{
  margin-top:320px !important;}
p.right.rightside{
  margin-top:260px !important;}
#right .module.main {
  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; }

2º - Aplicando o código CSS:
Para isto deverá aceder à Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

• Resultado:
  
  

---

© Fórum dos Fóruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [TUTORIAL] Widget acima das categorias