InícioCondição para mostrar borda do "sub-fórum"
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Condição para mostrar borda do "sub-fórum"
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:
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- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
Re: Condição para mostrar borda do "sub-fórum"
por Keep 07.02.15 15:06
Olá,
Para remover a borda adicione este código no seu css:
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
Keep- ****
- Membro desde : 26/03/2012
Mensagens : 281
Pontos : 460 -
Re: Condição para mostrar borda do "sub-fórum"
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- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
Re: Condição para mostrar borda do "sub-fórum"
por EuficoLoko 07.02.15 16:13
Boa tarde,
Refere-se a essa borda:
Se for, remova a classe que criou .sublinks, ok?
Agora, crie um novo código javascript:
Atenciosamente.
Tópico movido de 'Questões sobre HTML & BBCode' para 'Questões sobre JavaScript & jQuery'
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 16:31, editado 1 vez(es)
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Condição para mostrar borda do "sub-fórum"
por terabin 07.02.15 16:19
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.
terabin- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
terabin- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
Re: Condição para mostrar borda do "sub-fórum"
por EuficoLoko 09.02.15 16:01
Olá!
Então, de acordo com os meus testes, esse código deve funcionar:
Atenciosamente,
EuficoLoko.
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- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Condição para mostrar borda do "sub-fórum"
por terabin 10.02.15 0:12
Aqui a borda aparece mesmo que não existam sub-fóruns ainda.
terabin- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
Re: Condição para mostrar borda do "sub-fórum"
por EuficoLoko 13.02.15 3:28
Olá!
Troque o seu index_box por esse:
E mantenha o javascript.
Atenciosamente,
EuficoLoko.
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- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Condição para mostrar borda do "sub-fórum"
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- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
Re: Condição para mostrar borda do "sub-fórum"
por EuficoLoko 13.02.15 4:32
Sim a intenção era essa.
Agora troque pelo javascript:
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');
});
EuficoLoko- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Re: Condição para mostrar borda do "sub-fórum"
por terabin 13.02.15 5:12
EuficoLoko escreveu:Sim a intenção era essa.
Agora troque pelo javascript:Se der tudo como nos meus testes, ficará perfeito.
- 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');
});
Resultou, obrigado!
terabin- **
- Membro desde : 11/04/2011
Mensagens : 82
Pontos : 116 -
Re: Condição para mostrar borda do "sub-fórum"
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- Membro
- Membro desde : 12/01/2015
Mensagens : 996
Pontos : 1286 -
Tópicos semelhantes» Ajuda com "Borda colorida para determinados grupos do seu fórum"
» Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral
» Mostrar estatísticas para convidados
» Comentar para mostrar o link's
» Rank para membros ativos ( mostrar estatísticas )
» Como aumentar o espaço entre a descrição do fórum para a imagem de descrição e a borda lateral
» Mostrar estatísticas para convidados
» Comentar para mostrar o link's
» Rank para membros ativos ( mostrar estatísticas )
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
