Página 1 de 1

Barra de rolagem no módulo do Portal

Enviado: 21 Mar 2012, 11:06
por Holmes
Qual a URL do seu fórum: http://chakra-linux.com.br/forum/portal.php
Tipo de Hospedagem: Free
Qual a versão do phpBB: phpBB 3.0.10
É um novo ou uma conversão: Instalação Limpa
Usuário de teste: Usuário: Senha:
Estilos instalados: Style we_clearblue
Modificações instaladas: "quem esteve aqui?"; "board3 portal"; "Resolvido"; "WMP"; "Posting Template"
Qual seu nivel de experiência:: Iniciante
Quando começou o problema: uma orientação
Descreva seu problema: oi pessoal, gostaria de saber se é possível colocar uma barra de rolagem em um módulo do portal. pergunto isto, porque eu queria colocar isto no módulo 'comunicado'.

vlw fwi, Holmes :)

Re: Barra de rolagem no módulo do Portal

Enviado: 21 Mar 2012, 11:57
por robra
Poste o conteúdo do arquivo html do módulo.

Abraço. Imagem

Re: Barra de rolagem no módulo do Portal

Enviado: 21 Mar 2012, 12:07
por Holmes
robra, o conteúdo do arquivo custom_center.html abaixo

Código: Selecionar todos

{$C_BLOCK_H_L}{$TITLE}{$C_BLOCK_H_R}
<div class="panel bg1" style="margin-bottom: 0px">
	<div class="inner"><span class="portal-corners-top-inner"></span>
		<div class="postbody" style="width: 100%">
			<div class="content" style="text-align: justify">{$CUSTOM_CODE}</div>
		</div>
	<span class="portal-corners-bottom-inner"></span></div>
</div>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}
vlw fwi, Holmes

Re: Barra de rolagem no módulo do Portal

Enviado: 21 Mar 2012, 12:46
por robra
Acho que este é para a criação de qualquer bloco personalizado, e aí, todos os blocos personalizados centrais terão a mesma configuração do texto justificado e da barra de rolagem.

Bem... de qualquer forma, você usa o "inspecionar elemento" do Google Chrome em uma mensagem qualquer, dentro de um código postado que tenha barra de rolagem, como por exemplo a mensagem viewtopic.php?f=147&t=46089#p276844, e do lado direito do painel, nas configurações atribuídas ao dl.codebox code {, você pega as que definem a barra de rolagem na caixa do bbcode code, que são...

Código: Selecionar todos

overflow: auto;
display: block;
height: auto;
max-height: 200px; 
... e as coloca na linha <div class="panel bg1" style="margin-bottom: 0px">, inserindo um ; após o 0px, e as atribuições após o 0px;.

Abraço. Imagem

Re: Barra de rolagem no módulo do Portal

Enviado: 21 Mar 2012, 13:37
por Holmes
deu certo robra, inclusive aproveitei e refiz o procedimento usando o inspecionar elemento do google e achei as configurações ditas por vc acima. realmente esse mecanismo do google é ótimo, mas eu acho que a pessoa precisa ter algum conhecimento dessas linhas! obrigado robra...

vlw fwi, Holmes :)

Re: Barra de rolagem no módulo do Portal

Enviado: 21 Mar 2012, 14:14
por robra
...mas eu acho que a pessoa precisa ter algum conhecimento dessas linhas!
É mais intuitivo. Tomando este caso como exemplo, ao utilizar o "inspecionar elemento", no painel direito, repare que ao posicionar o mouse sobre as definições em dl.codebox code { aparecem caixas de seleção no canto direito, ao lados das linhas. Conforme você vai desabilitando as caixas de seleção, você vê as alterações em tempo real. Com isso, você vê quais as definições que precisa para aplicá-las em outra página.

Abraço. Imagem

Re: Barra de rolagem no módulo do Portal

Enviado: 30 Mar 2012, 05:00
por Bonillas
Holmes escreveu:deu certo robra, inclusive aproveitei e refiz o procedimento usando o inspecionar elemento do google e achei as configurações ditas por vc acima. realmente esse mecanismo do google é ótimo, mas eu acho que a pessoa precisa ter algum conhecimento dessas linhas! obrigado robra...

vlw fwi, Holmes :)
Acho que sim. :roll: