Visualizar determinados Widgets apenas no indice

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

Resolvido Visualizar determinados Widgets apenas no indice

Mensagem por iHeloaD em 14/05/14, 11:21 am

  • Descrição:
Olá,

Como posso deixar que apenas determinados Widgets apareça apenas no índice? Exemplo, eu desejo que apenas este widget:

Código:
<div id="show">
    
   <div id="fade">
   </div>
    
   <div class="popup_block">
       
      <div class="popup">
         <a id="popupclose" href="#"><img title="Fechar" class="cntrl" src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" /></a> 
         <h3>
            Bem Vindo ao <strong>{FORUMNAME}</strong>
         </h3>
          
         <p>
            Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de uruário.<br /><br />O cadastro é gratuito e leva pouco tempo para ser preenchido.<br />Durante o cadastro, será requerida uma conta de e-mail válida. Isto é importante porque será necessária a validação do seu cadastro via e-mail.<br /> 
         </p><br /><br />
         <center>
            <a title="Cadastre-se" href="/register">Registre-se Agora!</a> 
         </center>
          
         <p>
         </p><br /> 
         <h3>
            Já está Cadatrado? Faça o Login!
         </h3>
         <form id="login" name="form_login" method="post" action="/login">
             
            <table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
                
               <tbody>
                  <tr>
                      
                     <td style="width: 100%;" align="right">
                         
                        <div align="center">
                           <strong>Usuário:</strong> <input tabindex="1" size="15" name="username" class="input_text" type="text" id="ips_username" /> <strong>Senha:</strong> <input tabindex="2" size="15" name="password" class="input_text" type="password" id="ips_password" /> <input value="Logar" class="input_submit" name="login" type="submit" /> 
                        </div>
                         
                     </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;
}
</style>

Apareça apenas no índice do fórum.

Até mais.

  • Informações:
Fórum:http://cidadesocial.forumeiros.com/Versão:PUNBB
Tipo:Erros diversosTags:Visualizar,determinados,Widgets,apenas,indice



Última edição por iHeloaD em 14/05/14, 11:48 am, editado 1 vez(es)
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por Hancki em 14/05/14, 11:25 am

Olá!

Isso é possível com Javascript!
No entanto, preciso que coloque todos os widgets que deseja para que eu formule o código, ok? E me diga qual quer mostrar apenas no índice!

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: Visualizar determinados Widgets apenas no indice

Mensagem por iHeloaD em 14/05/14, 11:27 am

Olá,

Eu utilizo um código que os mesmos não apareçam nas laterais do fórum, pois não são usados como TableType, porém, coloquei um Widget de Pop Up de login, só que eu gostaria que o mesmo aparecesse apenas no índice, foi o código que eu deixei neste tópico, o mesmo esta ativo em meu fórum.

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por Hancki em 14/05/14, 11:29 am

Não vejo qualquer widget no seu fórum! Ceda-me uma conta de testes.
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: Visualizar determinados Widgets apenas no indice

Mensagem por Daemon em 14/05/14, 11:29 am

Troque o código por este:
Código:
<div id="show">
    
   <div id="fade">
   </div>
    
   <div class="popup_block">
      
      <div class="popup">
         <a id="popupclose" href="#"><img title="Fechar" class="cntrl" src="http://i38.servimg.com/u/f38/17/31/71/58/icon_c10.png" /></a>
         <h3>
            Bem Vindo ao <strong>{FORUMNAME}</strong>
         </h3>
          
         <p>
            Para poder utilizar todos os atributos deste fórum, será necessário que você crie uma conta de uruário.<br /><br />O cadastro é gratuito e leva pouco tempo para ser preenchido.<br />Durante o cadastro, será requerida uma conta de e-mail válida. Isto é importante porque será necessária a validação do seu cadastro via e-mail.<br />
         </p><br /><br />
         <center>
            <a title="Cadastre-se" href="/register">Registre-se Agora!</a>
         </center>
          
         <p>
         </p><br />
         <h3>
            Já está Cadatrado? Faça o Login!
         </h3>
         <form id="login" name="form_login" method="post" action="/login">
            
            <table style="width: 100%;" cellpadding="0" cellspacing="0" border="0">
                
               <tbody>
                  <tr>
                      
                     <td style="width: 100%;" align="right">
                        
                        <div align="center">
                           <strong>Usuário:</strong> <input tabindex="1" size="15" name="username" class="input_text" type="text" id="ips_username" /> <strong>Senha:</strong> <input tabindex="2" size="15" name="password" class="input_text" type="password" id="ips_password" /> <input value="Logar" class="input_submit" name="login" type="submit" />
                        </div>
                        
                     </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 !== '/') {
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;
}
</style>
Até!
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por iHeloaD em 14/05/14, 11:47 am

Perfeito, muito obrigado Daemon!

Até mais.
avatar

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1700
Pontos Ativos : 2816

Ver perfil do usuário http://www.cidadesocial.com https://www.facebook.com/gustavofaq

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