- Seção
FC 11272 :: Como alterar os ícones que mostram se a senha digitada é fraca, média ou forte?
É possível personalizar os ícones exibidos quando a senha é definida ou alterada pelo cliente.

ATENÇÃO: A edição deste recurso requer CONHECIMENTOS AVANÇADOS de html e css.
Seguem as imagens padrão:
![]() |
IcPwdWeak.png |
![]() |
IcPwdMedium.png |
![]() |
IcPwdStrong.png |
Salve a sequência de imagens de sua preferência para substituir seus ícones (arquivos .PNG, 16x16px).
Tema |
Fraco |
Médio |
Forte |
Padrão |
![]() |
![]() |
![]() |
Mãos |
![]() |
![]() |
![]() |
Corações |
![]() |
![]() |
![]() |
Roda |
![]() |
![]() |
![]() |
Smile |
![]() |
![]() |
![]() |
Estrela |
![]() |
![]() |
![]() |
Obs: Para copiar as imagens, clique com o botão direito do mouse sobre a imagem desejada e clique em Salvar imagem como....
2º Passo
Envie as três imagens com os nomes de: IcPwdWeak.png, IcPwdMedium.png e IcPwdStrong.png para a pasta images da loja.



3º Passo
No final do arquivo Rodape.htm insira o script abaixo:
<script>
//Imagens da segurança das senhas
var imgWeak=document.getElementById('idForcaSenhaWeakFC');
if (imgWeak)imgWeak.src='<Baseloja>prod/IcPwdWeak.png';
var imgMedium=document.getElementById('idForcaSenhaMediumFC');
if (imgMedium)imgMedium.src='<Baseloja>prod/IcPwdMedium.png';
var imgStrong=document.getElementById('idForcaSenhaStrongFC');
if (imgStrong)imgStrong.src='<Baseloja>prod/IcPwdStrong.png';
</script>



4º Passo
Limpe o cache de sua loja virtual e está concluído.
Obs¹: Para remover os ícones de segurança, insira as classes abaixo no arquivo LojaSite.css
#idForcaSenhaWeakFC #idForcaSenhaMediumFC #idForcaSenhaStrongFC {display:none;}
#idResult1TxtForcaSenhaFC #idResult2TxtForcaSenhaFC #idResult3TxtForcaSenhaFC {display:none;}


Obs²: Para colorir as palavras insira as classes abaixo no arquivo LojaSite.css
#idResult1TxtForcaSenhaFC {color:red;}
#idResult2TxtForcaSenhaFC {color:brown;}
#idResult3TxtForcaSenhaFC {color:green;}


Obs³ Regras para definição de segurança de senhas
Senha fraca: menos do que 7 caracteres (ex: 123abc)
Senha média: mínimo de 7 caracteres, contendo pelo menos 1 minúscula, 1 maiúscula, 1 número e 1 caractere especial (ex: 1sT!wet)
Senha forte: mínimo de 8 caracteres, contendo pelo menos 1 minúscula, 1 maiúscula, 1 número e 1 caractere especial (ex: 1sT@wet78)
|



















