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

Últimos assuntos
» Menu+Personalização da barra
Hoje à(s) 12:08 am por Harleen

» Logo com descrição/título
Ontem à(s) 11:44 pm por Maya Sparda

» Botoes aprovado e reprovado
Ontem à(s) 11:13 pm por zHugh

» [Sugestão] Grupo de Acesso ao Painel
Ontem à(s) 10:35 pm por iScroll

» Como fixa a mensagem
Ontem à(s) 10:16 pm por Xigncode3

» Opção de visualizar mensagens que foram editadas
Ontem à(s) 08:32 pm por Luiz

» Como passar para a direita um efeito de Halloween
Ontem à(s) 08:29 pm por DustyRhodes

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
190 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 190 Visitantes :: 2 Motores de busca

Nenhum

[ 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

Ver perfil do usuário 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

Ver perfil do usuário 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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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

Ver perfil do usuário 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 : 996
Pontos Ativos : 1286

Ver perfil do usuário http://lokoscripts.forumeiros.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