Como funciona
Carregue uma imagem e arraste para desenhar uma área de link. As posições são em porcentagem, então as áreas continuam alinhadas ao redimensionar. Ajuste o tamanho pelas alças, preencha URL, alt e título e copie o HTML/CSS ou salve o CSS em um arquivo.
Dicas
- Use uma imagem clara com áreas clicáveis bem definidas; as áreas são retângulos.
- Coloque alt para leitores de tela e title para ajuda ao passar o mouse.
- Confira o resultado em PC e celular antes de publicar.
- Estilos inline para colar rápido; modo classe se o CSS do site puder sobrescrevê-los.
Perguntas frequentes
A imagem é enviada?
Não. A imagem e as edições ficam no seu navegador. Nada é enviado ao beancuit ou a outra pessoa.
Quais imagens funcionam?
Banners, imagens de produto e guias com áreas clicáveis claras. As posições usam porcentagem, então as áreas continuam alinhadas ao redimensionar.
Como uso o código gerado?
Copie o HTML e o CSS para o site ou escolha HTML / CSS separados e salve o CSS em um arquivo próprio.
Estilos inline ou classes?
Inline é o mais rápido de colar. O modo classe usa uma classe pai aleatória para reduzir conflitos com o CSS do site.
Tags relacionadas
#Desenvolvedores35#Cor e design20#Imagens e arquivos17#Segurança12#Texto14#Fotos12#Trabalho29#Conversões e unidades15#Geradores e aleatório8