[TUTORIAL] Widget acima das categorias

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

  • 0

[TUTORIAL] Widget acima das categorias

Mensagem por seender em 13/01/13, 03:24 pm



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



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



- Aplicando o código CSS:
Para isto deverá aceder à Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
(carregue na imagem para aumentar)


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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

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