Data/hora atual: 09.05.24 3:43
1 Resultado encontrado para frmAgreement
Ocultação do regulamento padrão para mobile
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 ?
- em 05.02.21 13:52
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Ocultação do regulamento padrão para mobile
- Respostas: 7
- Vistos: 708