Tag: Programação Web

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.

 

Como alterar a cor de seleção do texto no css – folha de estilo?

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. ;)