Olá amigos!
Criei este tópico para que juntos possamos postar dicas avançadas ou não de CSS que poderão nos ajudar no dia a dia resolvendo as questões dos membros e servindo como uma biblioteca de referência.
Vou postar a minha primeira dica!
Agora vamos supor que um membro deseje alterar o conteúdo da frase! Poderemos fazer isso utilizando apenas CSS, confiram o código abaixo:
Explicando o código:
Vamos lá amigos, postem suas experiências que nos servirão como valiosas dicas!
JS
Criei este tópico para que juntos possamos postar dicas avançadas ou não de CSS que poderão nos ajudar no dia a dia resolvendo as questões dos membros e servindo como uma biblioteca de referência.
Vou postar a minha primeira dica!
Substituir palavras e/ou frases inteiras:
Vejam a imagem abaixo:Agora vamos supor que um membro deseje alterar o conteúdo da frase! Poderemos fazer isso utilizando apenas CSS, confiram o código abaixo:
- Código:
.borderwrap p.subtitled:before {
color: #464C55;
content: "ADICIONE_O_TEXTO_QUE_DESEJAR_AQUI!";
letter-spacing: normal;
}
.borderwrap p.subtitled {
color: transparent;
letter-spacing: -999px;
}
Explicando o código:
color: transparent; -> Torna a frase transparente fazendo com que não possamos visualizá-la;
letter-spacing: -999px; -> Com um valor alto e negativo, faz com que as letras desapareçam, com isso a frase some;
.seletor:before -> O pseudo-seletor ::before é utilizado em conjunto com a propriedade content, daí poderemos preencher com outra frase;
color: #464C55; -> Torna a frase visível novamente;
content: "ADICIONE_O_TEXTO_QUE_DESEJAR_AQUI!"; -> Aqui escrevemos a frase desejada para substituir a outra;
letter-spacing: normal; -> Temos que voltar a apresentar o espaço normal das letras, com isso ficarão visíveis novamente!
Vamos lá amigos, postem suas experiências que nos servirão como valiosas dicas!
JS