GARANTIR DESCONTO

Fórum Propaganda ou aviso em tela #484545

04/07/2014

0

como faço para aparecer uma mensagem, tipo propaganda ou aviso em tela, com imagens? é só html, css ou javascript?
Claudio Aguiar

Claudio Aguiar

Responder

Posts

04/07/2014

Marcelo Pastore

Claudio, acho que ja abriram um post com algo parecido, mas parece que pode ser uma div.
Responder

Gostei + 0

05/07/2014

Claudio Aguiar

o pior é que nem sei com qual titulo perguntar, pois não sei o nome correto.
Responder

Gostei + 0

07/07/2014

Raphael Souza

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.
Responder

Gostei + 0

07/07/2014

Claudio Aguiar

quando aparecer, tem a opção de fechar ou tempo pre-determinado? o que adicionar com a ultima opção?
Responder

Gostei + 0

07/07/2014

Ronaldo Lanhellas

Veja esse tutorial sobre o window.open() que com certeza vai lhe ajudar: http://www.w3schools.com/jsref/met_win_open.asp
Responder

Gostei + 0

07/07/2014

Raphael Souza

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():

setTimeout(function(){
    $('#div_qualquer').hide();
}, 5000);

Isso fará que a div que citei como exemplo feche automaticamente após 5 segundos.
Responder

Gostei + 0

07/07/2014

Ronaldo Lanhellas

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.
Responder

Gostei + 0

07/07/2014

Ricardo Arrigoni

Pode usar o alert do javascript tb http://www.linhadecodigo.com.br/artigo/3593/alert-em-javascript.aspx
Responder

Gostei + 0

07/07/2014

Claudio Aguiar

opa, não esperava tantas respostas, mas vamos lá.

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?
Responder

Gostei + 0

07/07/2014

Claudio Aguiar

Raphael, deixa eu ver se entendi.


setTimeout(function(){
    $('#div_qualquer').hide();
}, 5000);



esse codigo eu posto dentro da div no html, ele é javascript não?
Responder

Gostei + 0

07/07/2014

Claudio Aguiar

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?
Responder

Gostei + 0

07/07/2014

Raphael Souza

Raphael, deixa eu ver se entendi.


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.
Responder

Gostei + 0

07/07/2014

Claudio Aguiar

então, obrigado, vou ver aqui.
Responder

Gostei + 0

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar