Ocultação do regulamento padrão para mobile

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Ocultação do regulamento padrão para mobile

Mensagem por Hilas 04.02.21 23:49

Detalhes da questão


Versão do fórum: modernBB
URL: Ocultação do regulamento padrão para mobile DlMpAqU

Descrição


Pessoal,

Segui os passos do FAQ para desativar o regulamento padrão do fórum (https://ajuda.forumeiros.com/t102614-tutorial-desativar-o-regulamento-padrao-do-forum), e funcionou direitinho no navegador do PC. Porém, na versão mobile continua mostrando os dois regulamentos ao invés de só o padrão do meu fórum. Como faço para resolver?

Obrigado!


Última edição por Hilas em 05.02.21 13:26, editado 2 vez(es)
Hilas

Hilas
Nível 3

Masculino
Inscrito dia : 08/05/2012
Mensagens : 19
Pontos Ativos : 33

http://armedforces.forumeiro.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por RafaelS. 05.02.21 12:35

Formulário incompleto


Para que possamos dar continuidade, você deve completar todos os campos do formulário. Queira editar a sua primeira mensagem e preencher os campos devidamente. Caso não seja modificado nos próximos dois dias, este será movido para lixeira.

Para mais informações, leia o regulamento do setor de suporte.

Tópico pendente.


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Ocultação do regulamento padrão para mobile 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5705
Pontos Ativos : 7241

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por Hilas 05.02.21 13:05

@RafaelS. escreveu:

Formulário incompleto




Para que possamos dar continuidade, você deve completar todos os campos do formulário. Queira editar a sua primeira mensagem e preencher os campos devidamente. Caso não seja modificado nos próximos dois dias, este será movido para lixeira.

Para mais informações, leia o regulamento do setor de suporte.

Tópico pendente.

Olá, está certinho agora? Fiz assim pois não gostaria que o link fosse indexado ao Google.

Editei o post mais uma vez. Estou no celular, por algum motivo não tinha salvado, rs.
Hilas

Hilas
Nível 3

Masculino
Inscrito dia : 08/05/2012
Mensagens : 19
Pontos Ativos : 33

http://armedforces.forumeiro.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por RafaelS. 05.02.21 13:32

Olá novamente @Hilas,

Infelizmente a alteração no template só vai afetar a versão desktop, mas podemos ocultar o regulamento padrão na versão móvel usando o código abaixo, que deverá inserir na sua folha de estilos (CSS).

Antes de tudo, vale ressaltar que as Condições Gerais de Uso (CGU) assim como todas as outras disposições permanecem em vigor, mesmo que você - por opção própria - decida ocultá-las do seu fórum. Tanto você como os seus membros devem estar cientes disso.

Código:
body#mpage-body-modern #frmAgreement div.box:first-child {
     display: none;
}

Atenciosamente,
RafaelS. King


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Ocultação do regulamento padrão para mobile 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5705
Pontos Ativos : 7241

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por Hilas 05.02.21 13:39

@RafaelS. escreveu:Olá novamente @Hilas,

Infelizmente a alteração no template só vai afetar a versão desktop, mas podemos ocultar o regulamento padrão na versão móvel usando o código abaixo, que deverá inserir na sua folha de estilos (CSS).

Antes de tudo, vale ressaltar que as Condições Gerais de Uso (CGU) assim como todas as outras disposições permanecem em vigor, mesmo que você - por opção própria - decida ocultá-las do seu fórum. Tanto você como os seus membros devem estar cientes disso.

Código:
body#mpage-body-modern #frmAgreement div.box:first-child {
     display: none;
}

Atenciosamente,
RafaelS. King

Oi de novo, Rafael! Entendi. Muito obrigado pela prestatividade, funcionou!! Por curiosidade, poderia me dizer como você chegou a esse código? Será que um dia eu vou ser craque a esse ponto, haha?! Jazz

Hilas

Hilas
Nível 3

Masculino
Inscrito dia : 08/05/2012
Mensagens : 19
Pontos Ativos : 33

http://armedforces.forumeiro.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por RafaelS. 05.02.21 13:52

Será que um dia eu vou ser craque a esse ponto

É algo que leva seu tempo, mas o CSS é bem fácil de se aprender e realmente muito útil.

Basicamente, ele permite a personalização de elementos HTML por meio de seletores. Neste caso, bastou selecionar os seletores na ordem correta para poder ocultar o elemento correspondente ao regulamento padrão.

Ocultação do regulamento padrão para mobile 0ag4b3z

#mpage-body-modern: seletor correspondente à versão móvel
(ou seja o código não irá aplicar na versão desktop)

#frmAgreement: seletor correspondente ao formulário de registo do fórum
(que contém o regulamento)

.box: seletor correspondente à "caixa" que contém o regulamento

Repare que temos dois elementos box na captura de ecrã acima. No nosso caso como só queremos ocultar o primeiro elemento, e por isso usamos o pseudo-elemento ::first-child para indicar que queremos apenas afetar a primeira caixa / regulamento padrão. Caso contrário, ambos os elementos seriam ocultos (nenhum regulamento ficaria visível).


Por fim usamos a propriedade display: none que irá ocultar o elemento em questão (primeira caixa de regulamento).

Espero ter contribuído qualquer coisa para um dia ser um craque em CSS, com essa explicação bem simples.
Posso dar o tópico como concluído @Hilas ?


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Ocultação do regulamento padrão para mobile 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5705
Pontos Ativos : 7241

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por Hilas 05.02.21 18:01

@RafaelS. escreveu:
Será que um dia eu vou ser craque a esse ponto

É algo que leva seu tempo, mas o CSS é bem fácil de se aprender e realmente muito útil.

Basicamente, ele permite a personalização de elementos HTML por meio de seletores. Neste caso, bastou selecionar os seletores na ordem correta para poder ocultar o elemento correspondente ao regulamento padrão.

Ocultação do regulamento padrão para mobile 0ag4b3z

#mpage-body-modern: seletor correspondente à versão móvel
(ou seja o código não irá aplicar na versão desktop)

#frmAgreement: seletor correspondente ao formulário de registo do fórum
(que contém o regulamento)

.box: seletor correspondente à "caixa" que contém o regulamento

Repare que temos dois elementos box na captura de ecrã acima. No nosso caso como só queremos ocultar o primeiro elemento, e por isso usamos o pseudo-elemento ::first-child para indicar que queremos apenas afetar a primeira caixa / regulamento padrão. Caso contrário, ambos os elementos seriam ocultos (nenhum regulamento ficaria visível).


Por fim usamos a propriedade display: none que irá ocultar o elemento em questão (primeira caixa de regulamento).

Espero ter contribuído qualquer coisa para um dia ser um craque em CSS, com essa explicação bem simples.
Posso dar o tópico como concluído @Hilas ?
Rafael, a explicação pode ter sido simples, mas foi extremamente útil!! Deu para entender tudo muito bem, e de quebra ainda me inspirou a aprender mais, rsrs! O que pega é que tenho pouco tempo para estudar e "brincar" com CSS, mas quem sabe?! No geral, prefiro perguntar como chegar a um resultado do que pedi-lo de bandeja, senão vira um ciclo vicioso. Mas aprender leva tempo mesmo. Mais uma vez, muito obrigado pela paciência e prestatividade, viu?! Pode marcar como "Resolvido", sim. Grande abraço! De bem com a vida
Hilas

Hilas
Nível 3

Masculino
Inscrito dia : 08/05/2012
Mensagens : 19
Pontos Ativos : 33

http://armedforces.forumeiro.com/

Atendido / Resolvido Re: Ocultação do regulamento padrão para mobile

Mensagem por RafaelS. 05.02.21 18:28

Tópico resolvido


Movido para "Questões resolvidas".


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Ocultação do regulamento padrão para mobile 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5705
Pontos Ativos : 7241

http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum