Quarta-feira, 8 de Setembro de 2010

Tutorial # 6 - Colocar scrool nos posts

 

A pedido da Sofia vou colocar um tutorial de como colocar scrool nos posts. 

Antes de mais queria dizer que o tutorial é exclusivamente da CátiaDionisio e que não pretendo copiar nem nada assim :) 

 Bem, aqui está:

 

 

#posts, #extras { overflow: hidden; }

 

Apagas a parte que diz #posts, ficando apenas assim: #extras { overflow: hidden; }

 

Depois, vamos adicionar o scroll aos posts, colocas la:

#posts { overflow-y: scroll;
overflow-x: hidden;
visibility: visible;}

 

 

isto é a base para adicionar o scroll, mas nao vai ficar bem ainda, tens de por:

- a altura que queres (height:Xpx;),

- a largura (width:Xpx;),

- a cor de fundo (background-color: CODIGO COR),

- distância do scroll em relação ao topo do ecrã (margin-top: Xpx;) ,

- distância do scroll em relação ao lado ( margin-left: Xpx; [se estiver à esquerda]  margin-right: Xpx; [se tiver à direita])

- Distância dos posts até aos limites do scroll (padding-right: Xpx; padding-left: Xpx; padding-top: Xpx; padding-bottom: Xpx; )

- contorno (border: Xpx dotted CODIGO COR [com pontinhos] ; border: Xpx dashed CODIGO COR [tracejado] ; border: Xpx solid CODIGO COR [normal]) 

Mais uma vez relembro que esta explicação é esclusivamente da Cátia

tags:
publicado por - é a Buh Pintarola @ às 12:05
# | comentar
2 comentários:
De SofiaAlexandra@ a 8 de Setembro de 2010 às 12:16
obrigada buhh

só mais uma coisinha, onde é que eu ponho essa cena toda ? :o
De - é a Buh Pintarola @ a 8 de Setembro de 2010 às 12:18
Eu custumo colocar no fim da CSS (:

Comentar post

Site Status

Nome do blog: Designs da Buh'

Status: Não aceitando

Administradora: Cristiana Pinto [Buh]

Online desde: 28/6/2010

Visual por: Cristiana Pinto [Eu] - Versão 5 - Ashley Tisdale