Mudar a cor de seleção de texto – Web Acappella

Mudar a cor de seleção de texto - Web Acappella

Olá pessoal!

Seguindo a série de dicas rápidas, hoje vamos dar uma dica bem bacana de como personalizar a cor de seleção de texto no seu site desenvolvido no Web Acappella.

 

Vamos lá!

A personalização baseia-se em um simples código:

 


<style>

::-moz-selection{
background:#FD5C97;
color:#FFF;
}
::selection {
background:#FD5C97;
color:#FFF;
}

</style>


 

Explicando o código:

– Em Background: #FD5C97; você pode definir a cor de fundo ao selecionar o texto no seu site substituindo a cor hexadecimal (#FD5C97;) por uma cor de sua preferência.

– Em color: #FFF; você pode definir a cor do texto selecionado no seu site substituindo a cor hexadecimal (#FFF;) por uma cor de sua preferência.

 

Inserindo no seu Site:

No seu Web Acappella vá até o menu superior e clique em Site > Propriedades do Site.  Feito isso clique na opção Avançado (representada por uma engrenagem):

 

 

 

Após cole o código acima na seção HEAD do seu site:

 

 

 

Feito isso clique em OK e publique o seu site normalmente.

 

 

Pré-visualização:

 

Gostou? Comente e compartilhe!

 

 

 

 

 

 


Comments

  1. bom post..
    vc’s podia fazer um tutoria como fazer aquele menu que vc clique e ele vai pra baixor..tipo este.. http://www.lc9.com.br/2012/

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *