[TUTORIAL] Widget acima das categorias Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

[TUTORIAL] Widget acima das categorias

Ir para baixo

[TUTORIAL] Widget acima das categorias Empty [TUTORIAL] Widget acima das categorias

Mensagem por seender 13.01.13 17:24


[TUTORIAL] Widget acima das categorias Portai10

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)
[TUTORIAL] Widget acima das categorias 1114


  • Resultado:
    [TUTORIAL] Widget acima das categorias 11t3coy





© Fórum dos Fóruns


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

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos