Ocultação do regulamento padrão para mobile

Detalhes da questão

Versão do fórum: modernBB
URL:

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!

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.

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.

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.

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?!

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.


#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 ?

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.

#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!