Imagens não aparecem na versão Mobile

por Raquel Freitas 03.12.19 1:20

Detalhes da questão

Endereço do fórum: https://educacaocorajosa.forumeiros.com
Versão do fórum: phpBB3

Descrição

A versão Mobile está ficando sem imagens comparando com a versão desktop

Imagens não aparecem na versão Mobile Whatsa23

Imagens não aparecem na versão Mobile Whatsa24

por -Xerox- 03.12.19 2:37

Olá! É normal isso acontecer e não tem como tirar isso, somente se ir nas 3 barrinhas e em Versão Clássica!

Espero ter ajudado!
Atenciosamente, -Xerox-

por Convidado 03.12.19 10:20

Olá,

A versão mobile tem limitações plane(j)adas estrategicamente para os motores de busca indexarem o seu fórum e para o usuário "sentir-se confortável" ao usar o seu fórum por um dispositivo móvel.

Posso adicionar se desejar. Para isso, passe-me o index_box template!

Cordialmente,
Roger123

por Raquel Freitas 03.12.19 11:28

Código::   <div class="forum"> <h2>{catrow.tablehead.L_FORUM}</h2>   <div class="forum-section-wrap"> <div class="{catrow.forumrow.FOLDER_CLASSNAME} forum-section"> <div class="forum-icon"><i class="material-icons"></i>  <div class="forum-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>   <div class="forum-avatar"> <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /> </div>  </div> <div class="forum-content"> <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"> <h3>{catrow.forumrow.FORUM_NAME}</h3> <div class="forum-statistics" data-swap='{catrow.forumrow.TOPICS}'>{catrow.forumrow.POSTS} {L_POSTS}</div> <div class="forum-description">{catrow.forumrow.FORUM_DESC}</div> </a> <div class="forum-lastpost-wrap"> <a href="{catrow.forumrow.U_LATEST_TOPIC_POST}"> <i class="material-icons">forum</i> <div class="forum-lastpost">{catrow.forumrow.LATEST_TOPIC_NAME}</div> <div class="forum-lastpost-time">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div> </a> </div> </div> </div> </div>   </div>   <script type="text/javascript"> $('.forum-statistics').each(function() { if ($(this).data('swap')) { $(this).html($(this).data('swap')); } }); $('.forum-lastpost-wrap').each(function() { if ($(this).find('.forum-lastpost').is(':empty')) { $(this).remove(); } }); </script>

por Raquel Freitas 03.12.19 11:30

Penso que visualmente fica parecendo que está faltando uma imagem... então se puder colocar aquele "balaozinho pequeno branco" que aparece na pagina da versão classica ficarei grata.

por Convidado 03.12.19 11:30

Atenção!

Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Ao postar um codigo, use SEMPRE as tags code!

Onde deseja colocar as imagens? Pode mostrar uma print local em concreto?

por Raquel Freitas 03.12.19 23:47

Imagens não aparecem na versão Mobile Whatsa27

Eu já havia marcado na mensagem anterior. O que quero é colocar a imagem do balaozinho no lugar desses bonequinhos que aparecem

por Convidado 04.12.19 14:29

Não será possível adicionar a imagem nesse local, pois a variável {catrow.forumrow.FORUM_DESC} é a mesma da imagem.

por Raquel Freitas 04.12.19 22:45

Olá, eu não sei se consegui ser tão clara ainda. Então vou tentar explicar de outra forma.

O que eu não consigo entender é porque a versão mobile não está seguindo as mesmas imagens que estão na configuração da versão desktop...

A versão mobile não deveria seguir as mesmas imagens desta legenda?:

Imagens não aparecem na versão Mobile Whatsa28

Não entendo porque é que na versão desktop, na pagina inicial aparece o simbolo do balaozinho de que "não há novas mensagens"... e na versão mobile esse simbolo não aparece o balaozinho...

Imagens não aparecem na versão Mobile Whatsa29

Esse "bonequinho" que aparece na versão mobile não tem nada a ver... fica parecendo que é um erro... O que gostaria era somente que a versão mobile utilizasse os mesmos simbolos que a versão desktop.

por Convidado 05.12.19 7:49

Ah, ok!

Troque o template por este:

Código::   <div class="forum"> <h2>{catrow.tablehead.L_FORUM}</h2>   <div class="forum-section-wrap"> <div class="{catrow.forumrow.FOLDER_CLASSNAME} forum-section"> <div class="forum-icon"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"></img>  <div class="forum-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div>   <div class="forum-avatar"> <img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /> </div>  </div> <div class="forum-content"> <a href="{catrow.forumrow.U_VIEWFORUM}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"> <h3>{catrow.forumrow.FORUM_NAME}</h3> <div class="forum-statistics" data-swap='{catrow.forumrow.TOPICS}'>{catrow.forumrow.POSTS} {L_POSTS}</div> <div class="forum-description">{catrow.forumrow.FORUM_DESC}</div> </a> <div class="forum-lastpost-wrap"> <a href="{catrow.forumrow.U_LATEST_TOPIC_POST}"> <i class="material-icons">forum</i> <div class="forum-lastpost">{catrow.forumrow.LATEST_TOPIC_NAME}</div> <div class="forum-lastpost-time">{catrow.forumrow.L_LATEST_POST_FROM_THE}</div> </a> </div> </div> </div> </div>   </div>   <script type="text/javascript"> $('.forum-statistics').each(function() { if ($(this).data('swap')) { $(this).html($(this).data('swap')); } }); $('.forum-lastpost-wrap').each(function() { if ($(this).find('.forum-lastpost').is(':empty')) { $(this).remove(); } }); </script>

por Convidado 10.12.19 11:04

Questão abandonada

Esta questão foi abandonada pelo seu autor, mas foi considerada resolvida pela equipa de suporte.

De acordo com o regulamento do setor de suporte, Art. 5/Deveres, tópicos com 5 dias serão arquivados. Apesar de abandonado, este tópico tem uma solução e portanto será marcado como resolvido e movido para o arquivo de questões resolvidas.

Imagens não aparecem na versão Mobile