Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
7kgmlcdkv
 
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 

Quem está conectado
230 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 226 Visitantes :: 2 Motores de busca

7kgmlcdkv, DustyRhodes, soldado, uvmyyvpew

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Colocar pop-up apenas para convidados

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

Resolvido Colocar pop-up apenas para convidados

Mensagem por IsmaelS. em 22/10/15, 04:06 pm

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, 01:22 am, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2951
Pontos Ativos : 4091

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Colocar pop-up apenas para convidados

Mensagem por Hancki em 22/10/15, 06:24 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Colocar pop-up apenas para convidados

Mensagem por IsmaelS. em 22/10/15, 07:04 pm

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

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2951
Pontos Ativos : 4091

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Colocar pop-up apenas para convidados

Mensagem por Fraise em 24/10/15, 09:17 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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