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

3 participantes

Ir para baixo

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

Mensagem por terabin 07.02.15 9:36

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>
terabin
terabin
**

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por Keep 07.02.15 15:06

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
Keep
Keep
****

Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460

http://keepskins.forumeiros.com/

Ir para o topo Ir para baixo

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

Mensagem por terabin 07.02.15 15:24

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.
terabin
terabin
**

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por EuficoLoko 07.02.15 16:13

Boa tarde,

Refere-se a  essa borda:
Condição para mostrar borda do "sub-fórum" A0v4Lam
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 16:31, editado 1 vez(es)
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

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

Mensagem por terabin 07.02.15 16:19

EuficoLoko escreveu:Boa tarde,

Refere-se a  essa borda:
Condição para mostrar borda do "sub-fórum" A0v4Lam
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.
terabin
terabin
**

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por terabin 08.02.15 15:46

up
terabin
terabin
**

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por EuficoLoko 09.02.15 16:01

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.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

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

Mensagem por terabin 10.02.15 0:12

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

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por EuficoLoko 13.02.15 3:28

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.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

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

Mensagem por terabin 13.02.15 4:03

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.
terabin
terabin
**

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por EuficoLoko 13.02.15 4:32

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.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

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

Mensagem por terabin 13.02.15 5:12

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!
terabin
terabin
**

Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116

http://www.tabernarpg.com

Ir para o topo Ir para baixo

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

Mensagem por EuficoLoko 13.02.15 5:17

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
EuficoLoko
EuficoLoko
Membro

Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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