Traduzir

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Feito por www.AllBlogTools.com

Pesquisa

Pesquisa personalizada

sábado, 21 de maio de 2011

Como colocar barra de rolagem no gadget de arquivo e nas postagens!

Vá a aba layout ou design .Clique em  Editar Html .  Não é necessário marcar a caixinha : expandir modelos de widgets, copiar o código abaixo e colar acima de ]]></b:skin>

#BlogArchive1{
border:1px solid #000;  /* ---Coloque borda se quiser ---*/
padding:5px;  /* ---edite as medidas ---*/
background-color:#FFFFFF;  /* ---Coloque a cor de fundo se quiser---*/
width:auto;   /* ---defina a largura se quiser ---*/
height: 200px; /* ---edite a altura ---*/
overflow: auto;
}

Também:

Barra de Rolagem na área do post:


Vá em Layout ou Design. Clique em Editar HTML e em Expandir modelos de widgets e procurar por: .post-body

E acrescentar  após ,as linhas:
height: 400px;
overflow: auto;

Dever ficar assim:

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
height: 400px;
overflow: auto;
}
Coloque o valor da altura ( height )para a medida que você preferir.

Pronto, a barra de rolagem está feita!




Observação:
  • height - altura em pixels
  • width - largura em pixels
  • overflow - valor da barra de rolagem

2 comentários:

  1. Muito Bom,
    me ajudou muito,ficou mais bonito e ocupa menos espaço.OBRIGADO! (=

    ResponderExcluir
    Respostas
    1. Eu é que devo dizer obrigado por sua intervenção.

      Excluir