Se você é um usuário assíduo de Tec Girl você já deve ter percebido que ao selecionar um texto, o fundo (background) e as letras mudam de cor. Se você ainda não percebeu, selecione qualquer texto do blog e você entenderá o que estou falando, ou apenas observe atentamente a imagem abaixo. A cor de seleção de um texto tem diversos impactos no seu leitor, e pode ajudá-lo de inúmeras maneiras, pois muitas pessoas selecionam um determinado paragrafo para não se perderem enquanto estão lendo…Isso melhora o processo de leitura. Acredite, digo isso porque eu mesma seleciono o texto para ler. Além de que essa simples mudança pode deixar um site/blog com a sua cara e um pouco mais profissional. É bem isso o que queremos, não é mesmo? Uma mistura da nossa essência e profissionalismo, trazendo o leitor para mais perto da gente.
Se você quiser conhecer um pouco sobre “O que é css? Qual a importância no desenvolvimento web?“, essa matéria não é meramente ilustrativa, ela está disponível nesse blog, só clicar aqui. ;)
Então vamos lá. O processo é bem simples.
Abra sua folha de estilo, mais conhecida como css. Nela você poderá colocar o seguinte código:
*::-moz-selection {
background:#ffa500;
color:#ffffff;
}
*::selection {
background:#ffa500;
color:#ffffff;
}
Tendo em vista que o background é a cor de fundo e color é a cor da fonte. Agora é só você colocar as cores que deseja.
Essas cores podem ser utilizadas em hexadecimal, como no código acima. Ou você pode apenas escrever a cor em inglês.
Onde encontrar cores hexadecimais? Existem vários sites que você pode encontrar, mas existe um em particular que eu amo usar, é o Adobe Kuler, e você pode acessar clicando aqui.
Bem simples, não é mesmo?
Deixe nos comentários se você faz de um jeito diferente ou se você tem um site preferido para encontrar cores, sejam em hexadecimais ou não. É sempre bom conhecer outros modos de fazer a mesma coisa. ;)