Conectar-se

Esqueci minha senha

lateral
Estatísticas
Temos 31060 usuários registrados
O último usuário registrado atende pelo nome de jajasoad

Os nossos membros postaram um total de 38010 mensagens em 5736 assuntos

Tela de Aviso em Pop Up

Ir em baixo

Tela de Aviso em Pop Up

Mensagem por cgrio em Sex 3 Out - 20:46

Só salvar como html

Código:
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
   var $dialog = $('#dialog');

   var maskHeight = $(document).height();
   var maskWidth = $(window).width();

   $('#mask').css({'width':maskWidth,'height':maskHeight});

   $('#mask').fadeIn(1000);   
   $('#mask').fadeTo("slow",0.8);   

   //Get the window height and width
   var winH = $(window).height();
   var winW = $(window).width();
        
   $dialog.css('top',  winH/2-$dialog.height()/2);
   $dialog.css('left', winW/2-$dialog.width()/2);

   $dialog.fadeIn(2000);

   $('.window .close').click(function (e) {
      e.preventDefault();
      
      $('#mask').hide();
      $('.window').hide();
   });      
   
   $('#mask').click(function () {
      $(this).hide();
      $('.window').hide();
   });
});
</script>
<style type="text/css">
body {
font-family:verdana;
font-size:15px;
}
 
a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}
 
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 
#boxes #dialog {
  width:375px;
  height:243px;
  padding:10px;
  background-color:#ffffff;
}
 
#boxes #dialog1 {
  width:375px;
  height:203px;
}
 
#dialog1 .d-header {
  background:url(login-header.png) no-repeat 0 0 transparent;
  width:375px;
  height:150px;
}
 
#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}
 
#dialog1 .d-blank {
  float:left;
  background:url(login-blank.png) no-repeat 0 0 transparent;
  width:267px;
  height:53px;
}
 
#dialog1 .d-login {
  float:left;
  width:108px;
  height:53px;
}
 
#boxes #dialog2 {
  background:url(notice.png) no-repeat 0 0 transparent;
  width:326px;
  height:229px;
  padding:50px 0 20px 25px;
}
.close{display:block; text-align:right;}
 
</style>
</head>
<body>
<div id="boxes">

   <div id="dialog" class="window">
      <a href="#" class="close">Fechar [X]</a><br />
<p style="text-align: center;">
         <span style="color:#ff0000;"><strong><span style="font-size:18px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">ATENÇÃO !</span></span></strong></span></p>
      <p style="text-align: center;">
         <span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">Informamos que o seu acesso em nossos sistemas</span></span></p>
      <p style="text-align: center;">
         <span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">será bloqueado das 00:00h até 06:00h</span></span></p>
      <p style="text-align: center;">
         <span style="font-size:14px;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;">Maiores informações entre em contato com o nosso suporte</span></span></p>
   </div>



   <!-- Máscara para cobrir a tela -->
   <div id="mask"></div>
</div><!-- /boxes -->

Depois... 

IP / HOTSPOT / USER PROFRILES / **ESCOLHA O SEU PROFILE** / ADVERTISE / SELECIONA A CAIXA / ADIVERTISE URL **O NOME DA PÁGINA QUE SALVOU ACIMA EM HTML** / ADVERTISE INTERVAL ( TEMPO QUE VAI LEVAR PARA APARECER APÓS O LOGIN ) 00:00:02 / ADVERTISE TIMEOUT: NEVER


***********************

Minha primeira conbribuição, caso já tenha no fórum, me desculpe...

cgrio
Baby
Baby

Mensagens : 1
Pontos : 3
Reputação : 0
Data de inscrição : 05/09/2014
Idade : 32
Localização Localização : Rio de Janeiro

Voltar ao Topo Ir em baixo

Re: Tela de Aviso em Pop Up

Mensagem por claudinhohw Network em Seg 6 Out - 8:36

de qualquer forma e bem vinda parabéns Very Happy

__________________________________________________
"Teoria é quando se sabe tudo e nada funciona. Prática é quando funciona e ninguém sabe o porquê?"

LICENÇA THUNDER CACHE PRO 7.1 RÁPIDO E FÁCIL SÓ CLICAR NO LINK: [Você precisa estar registrado e conectado para ver este link.]
Parceiro BM Software | Consultoria em Mikrotik
Consultoria em Mk-Auth e ThunderCache-Pro.
Revenda ThunderCache-Pro
MSN:topmikrotik
@hotmail.com
SKYPE: topmikrotik
avatar
claudinhohw Network
Senior User Admin
Senior User Admin

Mensagens : 2745
Pontos : 3390
Reputação : 588
Data de inscrição : 28/08/2010
Idade : 33
Localização Localização : Goiás

Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum