Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Como faço para criar uma mensagem ao entrar no meu site?
Por exemplo, quero botar um anuncio ao entrar no site, uma caixa quadrada com um botão de fechar normal. Deixando o site um pouco obscuro quando essa mensagem aparece.
No estilo como mostra na image anexada, porem sendo apenas uma mensagem, sem cadastro de newsletter.
Isso é conhecido como Modal. E fazer isso aparecer do jeito que você quer fazer faz com que perca a maior parte do público que acessaria seu website.
Além que isso fere as questões de boas práticas.
Enfim eu criei um script para executar essa aplicação (Não para o termo que você deseja mas pode ser usado nessa finalidade)
Salve o arquivo ModalShow.js e seu CSS encontrado nesse link, logo então adicione-os ao head do index:
https://github.com/Spell-Master/sm-web/tree/master/scripts/ModalShow
Então adicione a estrutura HTML para tal (desculpe até o momento não coloquei no repositório citado essa estrutura )
-
O #ID você quem escolhe como vai ser
-
A estilização da largura máxima você pode passar pelo style="....... no .modal-box. Do contrário a largura máxima é de 900pixels
Então somente depois da estrutura HTML criada você vai usar a classe JS
Sugiro que adicione no final do BODY...