Propaganda ou aviso em tela
como faço para aparecer uma mensagem, tipo propaganda ou aviso em tela, com imagens? é só html, css ou javascript?
Claudio Aguiar
Curtidas 0
Respostas
Marcelo Pastore
04/07/2014
Claudio, acho que ja abriram um post com algo parecido, mas parece que pode ser uma div.
GOSTEI 0
Claudio Aguiar
04/07/2014
o pior é que nem sei com qual titulo perguntar, pois não sei o nome correto.
GOSTEI 0
Raphael Souza
04/07/2014
como faço para aparecer uma mensagem, tipo propaganda ou aviso em tela, com imagens? é só html, css ou javascript?
Bom dia, se quiser uma propaganda "animada" opte por HTML5 e CSS3 se tiver um bom conhecimento ou faça uso de gifs, pois pesa menos para carregar. Flash ainda é uma tecnologia forte, porém, está em desuso com a chegada do HTML5.
Para ter esse efeito de propaganda em popup na tela do usuário, utilize uma div com características:
#div_qualquer {
position: absolute;
display: block;
z-index: 2;
top: 50px; //posicionamento da div em relação ao topo
left: 50px; //posicionamento da div em relação à margem esquerda
height: 300px;
width: 300px;
}
E coloque seu gif, imagem, flash, animação etc dentro dela. =D
O uso básico é esse.
Lembrando que nessas configurações a div será flutuante em relação ao conteúdo da página.
GOSTEI 0
Claudio Aguiar
04/07/2014
quando aparecer, tem a opção de fechar ou tempo pre-determinado? o que adicionar com a ultima opção?
GOSTEI 0
Ronaldo Lanhellas
04/07/2014
Veja esse tutorial sobre o window.open() que com certeza vai lhe ajudar: http://www.w3schools.com/jsref/met_win_open.asp
GOSTEI 0
Raphael Souza
04/07/2014
Ronaldo, particularmente eu acho a solução de window.open pouco elegante, sem falar que pode ser restringida por um bloquador de popup.
Claudio,mantendo a nomeclatura do exemplo que passei acima, #div_qualquer, adicione o seguinte no seu $(document).ready():
Isso fará que a div que citei como exemplo feche automaticamente após 5 segundos.
Claudio,mantendo a nomeclatura do exemplo que passei acima, #div_qualquer, adicione o seguinte no seu $(document).ready():
setTimeout(function(){
$('#div_qualquer').hide();
}, 5000);
Isso fará que a div que citei como exemplo feche automaticamente após 5 segundos.
GOSTEI 0
Ronaldo Lanhellas
04/07/2014
Tenho que concordar que pensando em uma solução mais robusta e elegante o "window.open" não é dos melhores mas é o mais simples.
Complementando a sugestão do nosso amigo Raphael Neves, sugiro o uso do componente dialog do jquery, veja: http://jqueryui.com/dialog/. Mas ambas as soluções são boas, fica a seu critério escolher qual se adequa mais ao seu caso.
Complementando a sugestão do nosso amigo Raphael Neves, sugiro o uso do componente dialog do jquery, veja: http://jqueryui.com/dialog/. Mas ambas as soluções são boas, fica a seu critério escolher qual se adequa mais ao seu caso.
GOSTEI 0
Ricardo Arrigoni
04/07/2014
Pode usar o alert do javascript tb http://www.linhadecodigo.com.br/artigo/3593/alert-em-javascript.aspx
GOSTEI 0
Claudio Aguiar
04/07/2014
opa, não esperava tantas respostas, mas vamos lá.
sobre a ajuda acima, aparece uma janela(com botões de fechar) o que a gente costuma ver em alguns sites?
Veja esse tutorial sobre o window.open() que com certeza vai lhe ajudar: http://www.w3schools.com/jsref/met_win_open.asp
sobre a ajuda acima, aparece uma janela(com botões de fechar) o que a gente costuma ver em alguns sites?
GOSTEI 0
Claudio Aguiar
04/07/2014
Raphael, deixa eu ver se entendi.
esse codigo eu posto dentro da div no html, ele é javascript não?
setTimeout(function(){
$('#div_qualquer').hide();
}, 5000);
esse codigo eu posto dentro da div no html, ele é javascript não?
GOSTEI 0
Claudio Aguiar
04/07/2014
Pode usar o alert do javascript tb http://www.linhadecodigo.com.br/artigo/3593/alert-em-javascript.aspx
mas o alert, posso modificar o tamanho, inserir imagens?
GOSTEI 0
Raphael Souza
04/07/2014
Raphael, deixa eu ver se entendi.
esse codigo eu posto dentro da div no html, ele é javascript não?
setTimeout(function(){
$('#div_qualquer').hide();
}, 5000);
esse codigo eu posto dentro da div no html, ele é javascript não?
Esse é um trecho de código em JS, fazendo referência à biblioteca jQuery.
Ele deve ser postado em um arquivo .js ou inline no html por meio da tag <script>.
O widget dialog do jquery é uma boa tb, mas ele é chato de customizar. Prefiro criar a div na mão, aplicar o estilo da publicidade e encerrar com timeout ou uma trigger de botão fechar. Levando em consideração o nível de complexidade com relação ao window.open e o alert, é um pouco mais "chato" de fazer mesmo. No entanto, acredito que seja a melhor prática a ser aplicada no seu cenário.
O alert a caráter de publicidade não é uma boa ideia. Péssimo de manipular.
GOSTEI 0
Claudio Aguiar
04/07/2014
então, obrigado, vou ver aqui.
GOSTEI 0