Banner na style X-Creamy

Suporte à dúvidas gerais relacionadas ao phpBB.
Avatar do usuário
CristianoCMP
Novato
Novato
Mensagens: 100
Registrado em: 06 Set 2016, 08:55

Banner na style X-Creamy

Mensagem por CristianoCMP »

Olá amigos, boa noite
Bem estou mudando o tema do meu forum, www.azalternativos.com/forum2/ o problema é que ao colocar o banner, gostaria que ele se ajustasse ao tamanho do forum, quando a pagina é menor ele sair das margens do forum, quando a tela é maior, ele fica apenas alinhado ao centro.

Bom, tenho aqui o arquivo overall_header.html

Código: Selecionar todos

<!-- EVENT overall_header_body_before -->
	<div class="creamy-wrap">
	<div id="wrap" class="wrap">
	<a id="top" class="top-anchor" accesskey="t"></a>
	<div id="page-header">
		<div class="headerbar2" role="banner">
		<!-- EVENT overall_header_headerbar_before -->
			<a href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">
				<img src="{T_THEME_PATH}/images/bg_headerccopa2018.gif" class="creamy-image-wrapper" alt="">
			</a>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
Parte onde coloquei o banner...

Agora minha tela eh full hd... se eu diminuo o navegador, a imagem continua grande e nao se ajusta como deveria ser...
henrique.seven2011
Moderador
Moderador
Mensagens: 984
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

Re: Banner na style X-Creamy

Mensagem por henrique.seven2011 »

Aqui tá bem ajustado.
Testei em 4 resoluções, 4K, FullHD, HD e na resolução do iPhone XS Max.
https://imgur.com/a/SBldoWC
Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
Avatar do usuário
CristianoCMP
Novato
Novato
Mensagens: 100
Registrado em: 06 Set 2016, 08:55

Re: Banner na style X-Creamy

Mensagem por CristianoCMP »

Olá Henrique obrigado pelo retorno...

Pois eh, aqui no meu celular o banner fica gigante lá em cima... E o fórum da metade da tela para o o canto....

Já pelo PC... Eu fiquei mexendo até q consegui alinhar ele certinho... Mas no Android usando Google Chrome na opção PC não vai....

https://imgur.com/a/8oQ9d7V
henrique.seven2011
Moderador
Moderador
Mensagens: 984
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

Re: Banner na style X-Creamy

Mensagem por henrique.seven2011 »

No modo mobile não deve se exibir, isso foi implementado pelo próprio phpBB para evitar de quebrar o header. Vc forçando o modo desktop no mobile, é esperado esse tipo de problema sim. Para corrigir isso seria necessário ativar o modo desenvolvedor no mobile e "brincar" até ajustar.
De fato eu não sei como te ajudar, pois isso requer trabalho com css para ajuste, o qual conheço o básico. Recomendo estudar sobre CSS Media Queries que você pode atribuir a class "creamy-image-wrappe", é a única forma que de imediato creio que possa ser possível.
Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
Avatar do usuário
CristianoCMP
Novato
Novato
Mensagens: 100
Registrado em: 06 Set 2016, 08:55

Re: Banner na style X-Creamy

Mensagem por CristianoCMP »

Entendi Henrique, de qlqr forma obrigado pela força aí... Eu consegui editar nesta creamy para ajustar ali para ficar estendido no PC, pois dependendo do tamanho da tela, ele passava das margens do tema...

Já no tema q uso hoje... Ele funciona perfeitamente

Www.azalternativos.com/forum

Mesmo usando modo mobile e desktop

Vou dar uma mexida de vez em qndo, vai que rola kkkkk
henrique.seven2011
Moderador
Moderador
Mensagens: 984
Registrado em: 23 Mar 2012, 13:50
Nome Real: Saulo Henrique

Re: Banner na style X-Creamy

Mensagem por henrique.seven2011 »

Vc pode comparar os CSS de forma pedagógica neste quesito.
Cloud de Verdade?! Recomendo: Vultr, DigitalOcean e LetsCloud | Freelancer a disposição!
Responder