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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como trasnferir um site do wix para forumeiros?
Hoje à(s) 06:34 pm por Shek

» Widget melhor do mês não funciona
Hoje à(s) 05:03 pm por Kyo Panda

» Caixa de Login
Hoje à(s) 04:34 pm por iScroll

» Como fazer sub entrada?
Hoje à(s) 04:14 pm por Czins

» (PEDIDO) logo
Hoje à(s) 02:33 pm por APOllO

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 01:46 pm por Luiz

» Personalizar cabeçalho
Hoje à(s) 01:12 pm por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
APOllO
 
odelgado
 
Shek
 
Kyko
 
mrvisible
 
iScroll
 
Czins
 

Quem está conectado
267 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 256 Visitantes :: 3 Motores de busca

[SRD]JimClark, Czins, Dr., GSCode, HouseG4E, iPrompt, Luiz, mrvisible, MtX, odelgado, Shek

[ Ver toda a lista ]


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

Condição para mostrar borda do "sub-fórum"

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

Resolvido Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 07/02/15, 07:36 am

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Administrador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.tabernarpg.forumeiros.com

Descrição do problema

Eai?
Eu programo há um tempo, porém, nunca fui pra área de Web(e isso me deixou confuso).

Estive "brincando" com o html do meu fórum, até que me dei de cara com um problema.
Eu tentei adicionar uma borda e um texto escrito "sub-fóruns: lista de sub fóruns".

Funcionou, porém, eu preciso fazer com que essa borda e esse texto não apareçam caso não haja sub-fóruns. (e não soube o que fazer)

Por isso, estou pedindo ajuda a vocês.

Cá está meu index_box:
Código:
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div id="maintitle" class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->
                                  <!-- BEGIN forumrow -->
               <tr>
                                                    <td class="tc1" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     
                                                      <div class="desc">{catrow.forumrow.FORUM_DESC}</div>                     
                                                      <br>
                                                        <!-- BEGIN L_LINKS -->
                                                      <div class="sublinks">Sub-fóruns: {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                                        <!-- END L_LINKS -->
                                                                                          <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> Tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> Respostas</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
 
</div>


 
 

 
 
 
<style>.desc {
  font-size: 12px;
  color: #777;
  margin-left: 0px;
}</style>

<style>.sublinks {
  border-top: 1px solid #EAEAEA;
  font-size: 9px;
  color: #777;
  margin-top: 2px;
}</style>
                 
<style>.col_c_post .ipsUserPhoto {
    margin-top: 3px;
}
.ipsUserPhoto_mini {
    width: 30px;
    height: 30px;
}
.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}</style>
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por Keep em 07/02/15, 01:06 pm

Olá,

Para remover a borda adicione este código no seu css:

Código:
.sublinks{
border: none !important;
}

Para resolver o problema dos sub-links vá em:

Painel de controle - Visualização - Estrutura e hierarquia - Hieraquia e marque na opção - Links para níveis inferiores:

Marque a opção: Com uma imagem

Estudar
avatar

Keep
Nível 10

Masculino
Inscrito dia : 26/03/2012
Mensagens : 281
Pontos Ativos : 460

http://keepskins.forumeiros.com/

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 07/02/15, 01:24 pm

Amigo, eu quero que as bordas apareçam caso tal fórum tenha algum sub-fórum. Eu quem fiz elas aparecerem, só não sei como colocar isso como uma condição.
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por EuficoLoko em 07/02/15, 02:13 pm

Boa tarde,

Refere-se a  essa borda:

Se for, remova a classe que criou .sublinks, ok?
Agora, crie um novo código javascript:
Código:
$(function(){
$('table tbody tr td div a.gensmall').css('border-top', '1px solid black');
$('table tbody tr td div a.gensmall:first-of-type').before('Sub-fóruns: ');
});

Atenciosamente.

Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre JavaScript & jQuery'


Última edição por EuficoLoko em 07/02/15, 02:31 pm, editado 1 vez(es)
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 07/02/15, 02:19 pm

@EuficoLoko escreveu:Boa tarde,

Refere-se a  essa borda:

Se for, remova a classe que criou .sublinks, ok?
Agora, crie um novo código javascript:
Código:
$(function(){
$('table tbody tr td div a.gensmall').css('border-top', '1px solid black');
$('table tbody tr td div a.gensmall:first-of-type').before('Sub-fóruns: ');
});

Atenciosamente.

Não resultou como deveria, a borda ficou dividida em várias linhas. A ideia é que ela apareça por inteiro caso exista um sub-fórum.
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 08/02/15, 01:46 pm

up
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por EuficoLoko em 09/02/15, 02:01 pm

Olá!

Então, de acordo com os meus testes, esse código deve funcionar:
Código:
$(function(){
$.each('table tbody tr td div > a.gensmall', function(index, value){$('.sublinks').css('border-top', '1px solid black')});
$('table tbody tr td div a.gensmall:first-of-type').before('Sub-fóruns: ');
});

Atenciosamente,
EuficoLoko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 09/02/15, 10:12 pm

Aqui a borda aparece mesmo que não existam sub-fóruns ainda.
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por EuficoLoko em 13/02/15, 01:28 am

Olá!

Troque o seu index_box por esse:
Código:
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div id="maintitle" class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <tbody class="statused">
  <!-- END tablehead -->
                                  <!-- BEGIN forumrow -->
              <tr>
                                                    <td class="tc1" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                   
                                                      <div class="desc">{catrow.forumrow.FORUM_DESC}</div>                   
                                                      <br>
                                                        <!-- BEGIN L_LINKS -->
                                                      <div class="sublinks">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                                        <!-- END L_LINKS -->
                                                                                          <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> Tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> Respostas</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
 
</div>


 
 

 
 
 
<style>.desc {
  font-size: 12px;
  color: #777;
  margin-left: 0px;
}</style>

<style>.sublinks {
  border-top: 1px solid #EAEAEA;
  font-size: 9px;
  color: #777;
  margin-top: 2px;
}</style>
                 
<style>.col_c_post .ipsUserPhoto {
    margin-top: 3px;
}
.ipsUserPhoto_mini {
    width: 30px;
    height: 30px;
}
.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}</style>

E mantenha o javascript.

Atenciosamente,
EuficoLoko.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 13/02/15, 02:03 am

@EuficoLoko escreveu:Olá!

Troque o seu index_box por esse:
Código:
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div id="maintitle" class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->
                                  <!-- BEGIN forumrow -->
               <tr>
                                                     <td class="tc1" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    
                                                       <div class="desc">{catrow.forumrow.FORUM_DESC}</div>                    
                                                       <br>
                                                        <!-- BEGIN L_LINKS -->
                                                       <div class="sublinks">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                                        <!-- END L_LINKS -->
                                                                                          <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> Tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> Respostas</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
  
</div>


  
  

  
  
  
<style>.desc {
  font-size: 12px;
  color: #777;
  margin-left: 0px;
}</style>

<style>.sublinks {
  border-top: 1px solid #EAEAEA;
  font-size: 9px;
  color: #777;
  margin-top: 2px;
}</style>
                  
<style>.col_c_post .ipsUserPhoto {
    margin-top: 3px;
}
.ipsUserPhoto_mini {
    width: 30px;
    height: 30px;
}
.ipsUserPhoto {
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}</style>

E mantenha o javascript.

Atenciosamente,
EuficoLoko.

O problema persiste.
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por EuficoLoko em 13/02/15, 02:32 am

Sim a intenção era essa.
Agora troque pelo javascript:
Código:
$(function(){
$.each('table tbody tr td div > a.gensmall', function(index, value){$('.sublinks').css('border-top', '1px solid black')});
$('table tbody tr td div a.gensmall:first-of-type').before('Sub-fóruns: ');
$('.sublinks:eq(0), .sublinks:eq(1), .sublinks:eq(4), .sublinks:eq(5),.sublinks:eq(11), .sublinks:eq(16), .sublinks:eq(6), .sublinks:eq(10), .sublinks:eq(19), .sublinks:eq(20), .sublinks:eq(21), .sublinks:eq(23), .sublinks:eq(25), .sublinks:eq(26)').css('border-top', '0px solid black');
});
Se der tudo como nos meus testes, ficará perfeito.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por terabin em 13/02/15, 03:12 am

@EuficoLoko escreveu:Sim a intenção era essa.
Agora troque pelo javascript:
Código:
$(function(){
$.each('table tbody tr td div > a.gensmall', function(index, value){$('.sublinks').css('border-top', '1px solid black')});
$('table tbody tr td div a.gensmall:first-of-type').before('Sub-fóruns: ');
$('.sublinks:eq(0), .sublinks:eq(1), .sublinks:eq(4), .sublinks:eq(5),.sublinks:eq(11), .sublinks:eq(16), .sublinks:eq(6), .sublinks:eq(10), .sublinks:eq(19), .sublinks:eq(20), .sublinks:eq(21), .sublinks:eq(23), .sublinks:eq(25), .sublinks:eq(26)').css('border-top', '0px solid black');
});
Se der tudo como nos meus testes, ficará perfeito.

Resultou, obrigado!
avatar

terabin
Nível 7

Masculino
Inscrito dia : 11/04/2011
Mensagens : 82
Pontos Ativos : 116

http://www.tabernarpg.com

Resolvido Re: Condição para mostrar borda do "sub-fórum"

Mensagem por EuficoLoko em 13/02/15, 03: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

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 997
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

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