Fórum Propaganda ou aviso em tela #484545
04/07/2014
0
Claudio Aguiar
Curtir tópico
+ 0Posts
04/07/2014
Marcelo Pastore
Gostei + 0
05/07/2014
Claudio Aguiar
Gostei + 0
07/07/2014
Raphael Souza
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
07/07/2014
Claudio Aguiar
Gostei + 0
07/07/2014
Ronaldo Lanhellas
Gostei + 0
07/07/2014
Raphael Souza
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
07/07/2014
Ronaldo Lanhellas
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
07/07/2014
Ricardo Arrigoni
Gostei + 0
07/07/2014
Claudio Aguiar
sobre a ajuda acima, aparece uma janela(com botões de fechar) o que a gente costuma ver em alguns sites?
Gostei + 0
07/07/2014
Claudio Aguiar
setTimeout(function(){
$('#div_qualquer').hide();
}, 5000);
esse codigo eu posto dentro da div no html, ele é javascript não?
Gostei + 0
07/07/2014
Claudio Aguiar
mas o alert, posso modificar o tamanho, inserir imagens?
Gostei + 0
07/07/2014
Raphael Souza
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
07/07/2014
Claudio Aguiar
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)