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.

Tópicos com a tag frmagreement em Fórum dos Fóruns 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 ?
por RafaelS.
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

Ir para o topo

Ir para: