Colocar pop-up apenas para convidados

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Colocar pop-up apenas para convidados

Mensagem por IsmaelS. 22.10.15 19:06

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Eu no meu fórum não estou a utilizar widgets, mas gostaria de saber se era possível na mesma colocar esta pop-up deste fórum apenas para os convidados:
- http://suportedesign.forumeiros.com/

O código é este:
Código:
<div id="show">
                                                                            
   <div id="fade">
                                                                               
   </div>
                                                                            
   <div class="popup_block">
                                                                               
      <div class="popup">
                                               <a href="#" id="popupclose"><img src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" class="cntrl" title="Fechar" /></a>                     
         <div align="center">
              <img src="http://master-publicitario.forumeiros.com/users/1614/13/58/18/smiles/3115532935.gif?t=1368728944" />     
         </div>
                      
         <h3>
                                                                                     
            <div align="center">
                                                   Bem Vindo(a) ao <strong>Suporte Design!</strong>                                   
            </div>
                                                                                     
         </h3>
                                                                                  
         <p>
                                                  Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de usuário, o registo é gratuito e leva pouco tempo para ser preenchido.<br /><br />Aqui encontrará tudo que deseja sobre o universo Forumeiros, desde design,publicidade, parcerias, códigos e muito mais, cadastre-se e faça parte desta maravilhosa comunidade que dedica-se inteiramente a fornecer um suporte de qualidade.<br />                                     
         </p><br />                                   
         <center>
                                                                       
            <div class="warn">
                                                                          
               <div class="inner">
                                                                <span class="corners-top"><span></span></span>              <fieldset>              </fieldset>                             
                  <p style="padding-bottom: 7px;">
                                                   <a href="/register" title="Cadastre-se"><strong>Registar-se Agora!</strong></a>                             
                  </p><fieldset></fieldset>                                     
               </div>
                                                                      
            </div>
                                                                                 
         </center>
                     <br />                 
         <p>
                    Aproveitamos também para que os caros futuros utilizadores do fórum, possam nos seguir nas nossas Redes Sociais, nós agradecemos a sua compreensão e carinho! <img alt="face" src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2109348208.gif" style="width: 13px; height: 13px;" /><br />                                     
         </p>
                                        
         <div>
                                     
            <div align="center">
                       <a target="_blank" href="https://www.facebook.com/Suportedesign?fref=ts"><img alt="face" src="https://cdn1.iconfinder.com/data/icons/pin-social-media-piconic/512/facebook-128.png" style="width: 42px; height: 42px;" /> </a><a target="_blank" href="https://twitter.com/suportedesign"><img alt="face" src="https://cdn1.iconfinder.com/data/icons/pin-social-media-piconic/512/twitter-128.png" style="width: 42px; height: 42px;" /> </a>       
            </div>
                                     
         </div>
                                                                
         <form action="/login" method="post" name="form_login" id="login">
                                                                                     
            <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                                                                                        
               <tbody>
                  <tr>
                                                                                              
                     <td align="right" style="width: 100%;">
                                                                                                       
                     </td>
                                                                                              
                  </tr>
                                                                                           
               </tbody>
            </table>
                                                                                     
         </form>
                                                                                  
      </div>
                                                                               
   </div>
                                                                            
</div><script type="text/javascript">
jQuery('#popupclose').click(function(){
jQuery('#show').fadeOut('fast');return false;
});
if (location.pathname == '/login') {
jQuery('#show').css('display','none');
}
if (location.pathname == '/register') {
jQuery('#show').css('display','none');
}
</script><style type="text/css">
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=80);
opacity: .30;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
/*--IE 8 Transparency--*/
left: 0;
top: 0;
z-index: 10;
}
#show {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.popup_block {
background: #ddd;
padding: 10px 20px;
border: 10px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
padding: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 6px 11px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: -20px;
top: -20px;
}
.input_text {
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;
background: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.input_submit {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top;
border-color: #212121;
border-radius: 3px;
border-style: solid;
border-width: 1px;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
color: white;
cursor: pointer;
padding: 4px 10px;
text-decoration: none;
}
#form-send, .form-info h3 {
      background: #fcfcfc;
      padding: 10px 10px 10px 10px;
      border: 1px solid #ddd;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
    }
      .warn {
      background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0;
      margin: 3px 0;
      color: #80001c;
      padding: 0em;
    }
      #form-send, .form-info h3 {
  background: #fcfcfc;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }
  #form-send select, .form-info h3 {
  font: 16px bold arial, tahoma, georgia;
  }
  .form-info h3 {padding: 3px;font-weight: bold;text-align: center;}
  #form-send select {
  min-width: 150px;
  padding: 4px;
  cursor: pointer;
  outline: none;
  border: 1px solid #e0e0e0;
  background: white;
  }
</style>

Caso seja possível agradecia a ajuda!


Última edição por IsmaelS. em 24.10.15 4:22, editado 1 vez(es)
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Colocar pop-up apenas para convidados

Mensagem por Hancki 22.10.15 21:24

Olá!

Adicione este código numa nova página Javascript, investida em todas as páginas:
Código:
$(function() {
    var Login = _userdata["session_logged_in"];
    if (Login == 1) {
        console.log('Login feito!');
    } else {
        console.log('Login NÃO feito! O POP-UP surgirá!');
        $('body').after('<div id="Hancki"> <div id="show"> <div style="z-index: 9998;" id="fade"> </div> <div style="z-index: 9999;" class="popup_block"> <div class="popup"> <a href="#" id="popupclose"><img src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" class="cntrl" title="Fechar" /></a> <div align="center"> <img src="http://master-publicitario.forumeiros.com/users/1614/13/58/18/smiles/3115532935.gif?t=1368728944" /> </div> <h3> <div align="center"> Bem Vindo(a) ao <strong>Suporte Design!</strong> </div> </h3> <p> Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de usuário, o registo é gratuito e leva pouco tempo para ser preenchido.<br /><br />Aqui encontrará tudo que deseja sobre o universo Forumeiros, desde design,publicidade, parcerias, códigos e muito mais, cadastre-se e faça parte desta maravilhosa comunidade que dedica-se inteiramente a fornecer um suporte de qualidade.<br /> </p><br /> <center> <div class="warn"> <div class="inner"> <span class="corners-top"><span></span></span> <fieldset> </fieldset> <p style="padding-bottom: 7px;"> <a href="/register" title="Cadastre-se"><strong>Registar-se Agora!</strong></a> </p><fieldset></fieldset> </div> </div> </center> <br /> <p> Aproveitamos também para que os caros futuros utilizadores do fórum, possam nos seguir nas nossas Redes Sociais, nós agradecemos a sua compreensão e carinho! <img alt="face" src="http://r27.imgfast.net/users/2716/12/09/86/smiles/2109348208.gif" style="width: 13px; height: 13px;" /><br /> </p> <div> <div align="center"> <a target="_blank" href="https://www.facebook.com/Suportedesign?fref=ts"><img alt="face" src="https://cdn1.iconfinder.com/data/icons/pin-social-media-piconic/512/facebook-128.png" style="width: 42px; height: 42px;" /> </a><a target="_blank" href="https://twitter.com/suportedesign"><img alt="face" src="https://cdn1.iconfinder.com/data/icons/pin-social-media-piconic/512/twitter-128.png" style="width: 42px; height: 42px;" /> </a> </div> </div> <form action="/login" method="post" name="form_login" id="login"> <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;"> <tbody> <tr> <td align="right" style="width: 100%;"> </td> </tr> </tbody> </table> </form> </div> </div> </div><style type="text/css"> #fade { background: #000; position: fixed; width: 100%; height: 100%; filter:alpha(opacity=80); opacity: .30; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE 8 Transparency--*/ left: 0; top: 0; z-index: 10; } #show { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .popup_block { background: #ddd; padding: 10px 20px; border: 10px solid #fff; float: left; width: 480px; position: fixed; top: 20%; left: 50%; margin: 0 0 0 -250px; z-index: 100; } .popup_block .popup { float: left; width: 100%; background: #fff; margin: 10px 0; padding: 10px 0; border: 1px solid #bbb; } .popup h3 { margin: 0 0 20px; padding: 6px 11px; border-bottom: 1px solid #bbb; font-size: 1.5em; font-weight: normal; } .popup p { padding: 5px 10px; margin: 5px 0; } .popup img.cntrl { position: absolute; right: -20px; top: -20px; } .input_text { padding: 4px; border-width: 1px; border-style: solid; border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1; background: white; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .input_submit { -moz-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2); -webkit-border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2); background: #212121 url(http://i78.servimg.com/u/f78/17/31/71/58/topic_10.png) repeat-x top; border-color: #212121; border-radius: 3px; border-style: solid; border-width: 1px; box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2); color: white; cursor: pointer; padding: 4px 10px; text-decoration: none; } #form-send, .form-info h3 { background: #fcfcfc; padding: 10px 10px 10px 10px; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .warn { background: #f3e3e6 url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x 0 0; margin: 3px 0; color: #80001c; padding: 0em; } #form-send, .form-info h3 { background: #fcfcfc; border: 1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #form-send select, .form-info h3 { font: 16px bold arial, tahoma, georgia; } .form-info h3 {padding: 3px;font-weight: bold;text-align: center;} #form-send select { min-width: 150px; padding: 4px; cursor: pointer; outline: none; border: 1px solid #e0e0e0; background: white; } </style> </div>');
    }
    jQuery('#popupclose').click(function() {
        jQuery('#Hancki').fadeOut('fast');
        return false;
    });
});

Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar pop-up apenas para convidados

Mensagem por IsmaelS. 22.10.15 22:04

@Hancki resultou na perfeição obrigado e resolvido.
avatar

IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Colocar pop-up apenas para convidados

Mensagem por Fraise 24.10.15 12:17

Colocar pop-up apenas para convidados Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos