Visualizar determinados Widgets apenas no indice

3 participantes

Ir para baixo

Tópico resolvido Visualizar determinados Widgets apenas no indice

Mensagem por iHeloaD 14.05.14 15:21

  • 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 15:48, editado 1 vez(es)
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por Hancki 14.05.14 15:25

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
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por iHeloaD 14.05.14 15:27

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.
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por Hancki 14.05.14 15:29

Não vejo qualquer widget no seu fórum! Ceda-me uma conta de testes.
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por Daemon 14.05.14 15:29

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é!
Daemon
Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Visualizar determinados Widgets apenas no indice

Mensagem por iHeloaD 14.05.14 15:47

Perfeito, muito obrigado Daemon!

Até mais.
iHeloaD
iHeloaD
Super Membro

Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Ir para o topo Ir para baixo

Ir para o topo


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