Pular para o conteúdo principal

Flyer Flutuante Fixo + DIV página inteira

Em um recado, numa propaganda qualquer ou ainda pra chamar a atenção sobre algo, é interessante aparecer um flyer/banner flutuante em seu site.

Aqui uma forma relativamente simples de fazer isso.

NOTA: Apesar de ainda ser um flyer flutuante, neste exemplo ele fica fixo ao rolar a página, mas fica bem bacana com um código leve.

Segue os detalhes do código HTML + Javascript

<body id="id_body">

<!-- Escurecendo toda a página com DIV na sequência do Body-->
<div class="col-lg-12 align-self-center text-center p-4" id="dvBase" style="position:absolute;z-index:9999999999999999;background-color: rgba(0, 0, 0, 0.6); width:100%;top:0px;left:0px;">

<!-- Conteúdo do DIV, ou seja, o Flyer-->
<img src="images/imagem.jpg" class="img-fluid" style="border-radius:10px;border:2px #000000 solid;cursor: pointer;box-shadow: 0px 0px 40px #000000;" onclick="ocultar();" >
</div>

Scripts devem estar no final do arquivo.

<!-- Função para ocultar DIV ao clicar na imagem-->
<script type="text/javascript">
    function ocultar() {
        document.getElementById("dvBase").style.display = "none";
    }
</script>

<!-- Script para obter o tamanho Height total da página e aplicar ao DIV -->
<script type="text/javascript">
vertical = document.documentElement.scrollHeight;
document.getElementById("dvBase").style.height = vertical + "px";
</script>

É isso
Marcadores:

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Windows 10 pedindo credenciais para acessar rede local

Em uma rede com acesso estabelecido entre computadores rodando Windows 7 e Windows 10, um novo micro foi inserido e ocorreu este pequeno problema, ao acessar um micro da rede a partir deste novo Windows 10, havia o pedido de credenciais. O que estava diferente neste Windows 10 para outros da rede é que este não entrava com uma conta local, mas sim com uma conta Microsoft. Como os demais micros de rede não contavam com senha e sabemos que as credenciais para contas locais necessitam de senha para funcionar é aqui que está a solução. Neste caso, onde há pedido de credenciais a partir de um micro que faz login com uma conta Microsoft ao invés de uma conta local, o sistema de credenciais aceita a entrada sem senha , apenas com o nome do usuário. Portanto, ao se deparar com este detalhe, entre com o nome do usuário do micro, deixe a senha em branco e marque para salvar as informações.
Postar um comentário
Leia mais

Windows 10 clonado não dá Boot - Como reparar

Independente da ferramenta utilizada, em alguns casos, após a clonagem do HD, geralmente para um SSD, um erro ocorre e o Windows não consegue ser carregado. Seguem aqui alguns passos para o reparo do Boot do Windows 10. É importante que a clonagem tenha ocorrido sem outros erros. Será necessário dar um Boot por meio de um disco ou pendrive de instalação do Windows 10. Lembrando que para isso será preciso, por ventura, acessar a BIOS do dispositivo para a escolha desse Boot. Uma vez iniciado o micro que seguiria com uma instalação, deve-se escolher REPARAR SEU COMPUTADOR. Em Resolução de Problemas, vá até LINHA DE COMANDO para acessar o Prompt e executar os comandos abaixo via Diskpart. Aqui vamos atribuir uma Letra para a unidade do sistema para termos acesso à ela. Digite os comandos abaixo no Prompt: 1. Diskpart 2. list volume 3. select volume # (# é o número do volume onde a coluna Informações deve indicar System, ou Sistema, ou ainda que essa partição tenho o tamanho de 500MB ou 26...
Postar um comentário
Leia mais

Habilitar o usuário Administrador e acessar C$ via rede.

Em algumas versões do Windows é possível, por meio do Gerenciador do Computador, ativar e desativar contas de usuários incluindo a conta Administrador, porém em algumas versões isso somente é possível por meio de linha de comando. Com o usuário Administrador ativo, além de outras coisas, pode-se acessar todas as pastas do micro via rede por meio do compartilhamento padrão C$, mas o Administrador deverá obrigatoriamente estar configurado com uma senha. Este acesso pode ser feito com o seguinte caminho: \\nomedocomputador\c$\ Para ativar o usuário Administrador abra o prompt de comando como administrador do sistema clicando sobre o ícone com o botão de direito do mouse e escolhendo “Executar como Administrador”. (Iniciar » Todos os Programas » Acessórios » Prompt de comando). Digite a linha de comando: net user administrador /active:yes No menu Inciar » Executar, digite o comando “ control userpasswords2 ” (sem as aspas) para abrir o gerenciador de contas de usuário...
3 comentários
Leia mais