Início
> atributos de FIXED css
> Blogger Profissional
> Dicas Blogger
> div fixada
> efeito fixo na tela
> elemento fixado com css
> elemento que não rola com a página
> fixar na tela html
Elemento Fixado HTML (não rola junto com a página)
Alguns elementos dentro de uma página podem ter uma importância gigantesca para a conversão de um visitante em um Lead. Entre esses elementos estão Pop-ups, Formulário de captura, Formulário de contato, Link para Carrinho e checkout, entre outros.
Nesse post irei te ensinar uma técnica bem simples para fixar um elemento na tela, mesmo que o usuário role a página o elemento acompanhe a pessoa.
Não é nada complicado, basta você adicionar um estilo a mais no elemento.
POSITION:FIXED;
E dependendo do local da tela que você quer que o elemento fique você pode usar também:
TOP: 10px;
BOTTOM: 10px;
LEFT: 10px;
RIGHT: 10px;
As unidades de medida geralmente sempre são em pixel "px" ou porcentagem "%" ...
Exemplo:
<style>
.fix{
Position:fixed;
right: 10px;
bottom: 10px;
background:#000;
color:#fff;
padding: 10px;
border-radius:5px;
}
</style>
<div class="fix">
Elemento Fixado AQUI
</div>
ou o código inteiro Inline:
<div style="position: fixed;right: 10px;bottom: 10px;background: #000;color: #fff;padding: 10px;border-radius: 5px;">Elemento Fixado AQUI</div>
Espero ter te ajudado de alguma forma, se tiver alguma dúvida sobre o assunto deixe a baixo nos comentários que eu terei o prazer de te responder.
Se quiser pode deixar o link do seu site e como ficou depois dessa dica.
Se quiser aprender mais sobre blogger profissional basta acompanhar nossos conteúdos aqui e nas redes sociais.
Um comentário:
como colocar link e um background do whatsapp?
Postar um comentário
Deixe um comentário com seu Feedback sobre este Conteúdo.