Ajuda Alerta

Oque preciso ? De um alerta que cobre a pagina toda. Tipo:
Olá usuario, seja bem vindo ao hotel.
Alguem... ?

Tem um print se viu em algum lugar ? se não, seja mais especifico

Nem tenho, Mais e tipo , Um quadrado no meio, e o fundo transparente, depois de uns segundos, ele se fecha sozinho

amigo seria voce criar uma pagina que redirecionar para a outra , tipo uma full screen com alerta e 5s dps o java carrega para outro link que iria para a pagina dps do alerta

Mais o problema e que eu não sou um programador profissional, só faço paranaue de rádio tlg.

mas isso é para dar as boas vindas? pode sempre ir na DB em servers seting no ultimo onde fala welcome message voce pode digitar ai, quando alguém entra no seu hotel aparece essa mensagem, mas depois o user tem de tirar na X só assim que sei mesmo.

Você pode fazer uma box no inicio do site que seria colocar

<SCRIPT LANGUAGE="JavaScript">
window.alert("Olá! Bem vindo ao Power Pixel Forum")
</SCRIPT>

Olá, eu peguei um sistema de alerta em bootstrap, o único problema é que ele não fecha automaticamente depois de um tempo, talvez você poderia colocá-lo dentro de uma div e fazê-la desaparecer, eu também personalizei um pouco o JS, fiz com que o alerta exibido na tela só apareça após 3 segundos da página carregada.

Você pode visualizar a demo clicando aqui

No próprio JsBin ele te passa os códigos, mas vou te passar um tutorial de como instalá-lo, é bem fácil.

1º Crie um arquivo chamado index.html ou index.php e coloque o seguinte código dentro:

Código:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">


<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

<script src="https://github.com/makeusabrew/bootbox/releases/download/v4.4.0/bootbox.min.js"></script>

<div class="container">

<link rel="stylesheet" href="css/bootstrap.css" type="text/css">

<script>
setTimeout(function(){
bootbox.alert("Hello world, i don't know");
}, 3000);

</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-1656750-34', 'auto');
ga('require', 'linkid', 'linkid.js');
ga('require', 'displayfeatures');
ga('send', 'pageview');

</script>


Ou se caso preferir pegar o código pelo pastebin, Clique aqui.

2º Crie uma pasta chamada "css" e dentro dela crie um arquivo chamado "bootstrap.css".
3º Dentro do arquivo "bootstrap.css" coloque o seguinte código:

Código:


http://pastebin.com/9v0rDe2w // Coloquei no pastebin pela extensão do código não aceito aqui.


Feito isso está pronto!

Abraços, Bet4!

O autor tem 24 horas para apresentar uma resposta.

Grato, Obrigado :)

Tópico fechado.