Banner na style X-Creamy - Suporte phpBB
Banner na style X-Creamy
Mensagem por CristianoCMP » 10 Jan 2020, 23:51
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
<div class="creamy-wrap">
<div class="headerbar2" role="banner">
<img src="{T_THEME_PATH}/images/bg_headerccopa2018.gif" class="creamy-image-wrapper" alt="">
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...
Re: Banner na style X-Creamy
Mensagem por henrique.seven2011 » 11 Jan 2020, 16:56
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
Mensagem por CristianoCMP » 11 Jan 2020, 18:20
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
Mensagem por henrique.seven2011 » 11 Jan 2020, 20:23
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.
Mensagem por CristianoCMP » 12 Jan 2020, 20:43
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...