Caixa de texto em artigo

  • falviobas
  • Avatar de falviobas Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
13 anos 10 meses atrás #59597 por falviobas
falviobas created the topic: Caixa de texto em artigo
Eu tenho um texto muito grande para colocar em um artigo, quando coloco ele a janela (na vertical) fica muito grande. Quero saber como eu faço pra colocar algo parecido a uma caixa de texto com uma barra de rolagem independete da página, ou seja, barra de rolagem apenas para o artigo. Fazendo aparecer apenas uma parte do texto na página. Usando qualquer coisa, como módulo, componete, entre outros.
Obrigado pela atenção...

Please Entrar ou Registrar to join the conversation.


Mais
13 anos 10 meses atrás #59642 por rldesign
rldesign replied the topic: Re: Caixa de texto em artigo
Você conseguiria descrever e detalhar um pouco melhor usando alguns printscreen do seu projeto e do que vc gostaria de fazer.

Assim ficará mais fácil outras pessoas entenderem o teu problema e te ajudarem

Rafael Santana
Web Designer | R&L Design - Desenvolvimento Gráfico e Sites

Please Entrar ou Registrar to join the conversation.

Mais
13 anos 10 meses atrás #59651 por edyonil
edyonil replied the topic: Re: Caixa de texto em artigo
Desse jeito é froid....

[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.

  • falviobas
  • Avatar de falviobas Autor do Tópico
  • Offline
  • JCB! Novato
  • JCB! Novato
Mais
13 anos 10 meses atrás #59660 por falviobas
falviobas replied the topic: Re: Caixa de texto em artigo
essim fica melhor pra vcs entenderem.
Essa página é a minha atual, feita com o joomla:
http://www.sinpro-pa.com.br/index.php/estatuto

Essa é uma página que eu fiz antes para improvisar um site com o software Antenna Web Desing
http://www.sinpro-pa.org.br/estatuto/

Observem que o estatuto no joomla deixa a página imensa, mas com o antenna apenas arrastei uma caixa de texto e colei todo o texto e a página ficou bem menor.
Quero que a miha página feita no joomla tenha uma caixa de texto semelhante a que eu fiz com o antenna.
Tem como?

Please Entrar ou Registrar to join the conversation.

Mais
13 anos 10 meses atrás #59698 por edyonil
edyonil replied the topic: Re: Caixa de texto em artigo
Agora sim, dar para entender o que você quer....

Existe duas formas de resolvermos isso.

A Primeira é você criando regra no HTML do artigo. Assim você aplicar esse efeito apenas no artigo especifico.
Para fazer isso englobe seu conteúdo entre essa regra:
<div style="height:750px; overflow:auto;" >
    Seu conteudo
</div>

Lembrando que a propriedade height é referente ao tamanho que você quer dar a div, no momento que seu conteúdo ultrapassar ao tamanho da DIV será criado a barra de rolagem

A segunda opção e definindo uma regra para o elemento que seta o artigo, nesse caso, todos os seus artigos passaram a ter barra de rolagem caso ultrapasse o tamanho definido na regra css.

O elemento que receberá a regra é o: .art-article
Assim você define uma nova regra no seu arquivo CSS.
.art-article
{
     height:750px; 
     overflow:auto;
}

Veja quais das duas opções se encaixa melhor na sua proposta e teste para ver se está tudo okay.

Um conselho meu é que use a primeira opção se for usar em um único local, mas se for para o site inteiro defina no arquivo CSS

[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.