Páginas

segunda-feira, 15 de agosto de 2011

Post com Barra Scroll

Caso você queira apenas em um post. Está é a dica.

Se você quiser colocar apenas em um ou dois posts, basta na hora de postar colocar uma div em seu post, ou seja, na parte editar Html da postagem, antes de começar a escrever coloca isso <DIV style="height:600px; overflow:auto;"> e onde termina o pedaço que você quer com barra de rolagem, ou lá no final de seu texto coloca esse </DIV>
Nesse caso acima o comentário e outros elementos como o título ficam fora do "quadro".

Entenda as tags:
  • height:800px; altura de 800 pixeis,
                                a numeração pode ser alterada, de acordo com sua vontade.
  • overflow:auto; barra de rolagem, aparece quando o texto é maior que a altura.
  • Problema: se houver overflow:hidden; esse deve ser removido para que o outro funcione
Não está claro vamos misturar malhorar mais a aplicação da caixinha. Você pode colocar borda, plano de fundo etc... basta ter criatividade e paciência.

border: 3px double #ccc; (espessura e cor da borda)background: #efefef; (plano de fundo da caixa)
width: 80%; (largura)
height: 100px; (altura)
e pronto é só partir para a pratica.