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
» Transferir código para ModerNBB
Hoje à(s) 23:32 por iScroll

» Neve para ModerNBB
Hoje à(s) 23:31 por iScroll

» Formulário de Resposta
Hoje à(s) 23:13 por iScroll

» Colocar efeito Glitter no nick aparencendo na categoria do forum
Hoje à(s) 23:07 por Luiz

» Ajustar Largura
Hoje à(s) 22:50 por Luiz

» Widget apenas no Index modernbb
Hoje à(s) 22:30 por Luiz

» Como alterar os tooltips da versão ModernBB
Hoje à(s) 22:02 por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Eduardo Lima
 
Shek
 
ranzatti
 
LucasPofahl
 
cocas20
 

Quem está conectado
242 usuários online :: 15 usuários cadastrados, Nenhum Invisível e 227 Visitantes :: 2 Motores de busca

banzé, BlueJOkeR, brunopro, Daniel Yan, EduardoMGP, iPlay, iScroll, Ketholy, Kyo Panda, Lost154, Luiz, odelgado, ranzatti, Shek, WizzardPT

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Modificar as Categorias do Fórum

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

Resolvido Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Seg 10 Nov 2014 - 21:07

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Problema começou : Desde 10/11/2014
Endereço do fórum : http://publica.ativoforum.com/forum

Descrição do problema

Bem eu gostava de colocar as categorias do meu fórum assim:
- http://i59.servimg.com/u/f59/19/05/39/37/sem_ty11.png

Fórum em que vi:
- http://i59.servimg.com/u/f59/19/05/39/37/sem_ty11.png

Fórum onde desejo:
- http://publica.ativoforum.com/forum


Última edição por IsmaelS. em Sex 14 Nov 2014 - 18:19, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Reset em Seg 10 Nov 2014 - 22:29

Fórum em que vi:
http://i59.servimg.com/u/f59/19/05/39/37/sem_ty11.png

Está praticamente a mesma imagem do print amigo..

Até mais,
Reset.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Seg 10 Nov 2014 - 23:52

Olá,

Essa print é a forma das categorias que desejo colocar no meu fórum:
- http://publica.ativoforum.com/forum

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Troubleshoot em Ter 11 Nov 2014 - 0:00

Olá!

O que o Reset mencionou, foi que você adicionou a mesma url do print em "Fórum em que vi:".
Preciso saber o link do fórum onde viu esse modelo de categoria.


Até!
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2184
Pontos Ativos : 2913

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Ter 11 Nov 2014 - 0:07

Olá,

Peço desculpa a ambos não reparei:
- http://www.foxdesigner.biz/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Reset em Ter 11 Nov 2014 - 0:17

Olá!

Poderia enviar sua index_box?

Até mais,
Reset.
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Gaaratsu em Ter 11 Nov 2014 - 0:44

Saudações!

Adicione este código no início da tua CSS:
Código:
.main .main-head {
background-color: #2a2c33;
border-bottom: 1px solid #de9700;
border-radius: 2px 2px 0 0;
box-shadow: #fa0 0 -2px 0 inset;
color: #fff;
padding: 1em;
text-shadow: none;
}
.main-content_board_index {
background: #E5E4E3;
padding: 9px;
}
.pun .main-content_board_index table.table {
background: #fff;
border: 1px solid #DDD;
border-collapse: separate;
}
.pun table.table {
border-collapse: collapse;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
.pun table.table td {
background-color: #f2f2f2!important;
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid #fff;
border-width: 1px 0;
color: #AAA;
font-family: Helvetica, helvetica, arial, sans-serif;
font-size: 12px;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}
.pun tbody.statused span.status {
position: absolute;
}
.status {
width: 16px;
}
.status img {
margin-left: -6px;
}
Caminho: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Atenciosamente,
Hakuouki Piscada
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5663
Pontos Ativos : 7096

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Ter 11 Nov 2014 - 2:55

Olá,

@Hakuiuki, veja que ficou muito incompleto: http://publica.ativoforum.com/forum

@Reset, aqui está:
Código:
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>

            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" 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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Qua 12 Nov 2014 - 17:50

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Qui 13 Nov 2014 - 18:49

UP!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Reset em Qui 13 Nov 2014 - 19:48

Olá!

Troque por este, apenas um teste veja se fique como deseja:
Código:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div 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="tc_icon">
                     <span class="status">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                                                </td>
                  <td class="tc_forum" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT};">
                                                        <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                          <td class="tc3"><strong>{catrow.forumrow.TOPICS}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</td>
                  <td class="tcr">
                     <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>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até mais,
Reset. Rosa
avatar

Reset
Membro do Fórum

Masculino
Inscrito dia : 30/09/2014
Mensagens : 1093
Pontos Ativos : 1457

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Qui 13 Nov 2014 - 20:40

Não ficou lá muito bem veja:
- http://publica.ativoforum.com/forum

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Duel em Qui 13 Nov 2014 - 20:58

@IsmaelS:
Este tema, ja possui uma categoria própria da IPB, e o senhor não a retirou.. Se fosse a padrão, com alguns ajustes do painel mesmo ficaria perfeito. Vamos lá..
Troque o CSS:
Código:
.main .main-head {
background-color: #2a2c33 !important;
border-bottom: 1px solid #de9700 !important;
border-radius: 2px 2px 0 0 !important;
box-shadow: #fa0 0 -2px 0 inset !important;
color: #fff !important;
padding: 1em !important;
text-shadow: none !important;
}
.main-content_board_index {
background: #E5E4E3 !important;
padding: 9px !important;
}
.pun .main-content_board_index table.table {
background: #fff !important;
border: 1px solid #DDD !important;
border-collapse: separate !important;
}
.pun table.table {
border-collapse: collapse !important;
empty-cells: show !important;
table-layout: fixed !important;
width: 100% !important;
}
.pun table.table td {
background-color: #f2f2f2!important !important;
border-bottom: 1px solid #E1E1E1 !important;
border-top: 1px solid #fff !important;
border-width: 1px 0 !important;
color: #AAA !important;
font-family: Helvetica, helvetica, arial, sans-serif !important;
font-size: 12px !important;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center !important;
width: 10% !important;
}
.pun tbody.statused span.status {
position: absolute !important;
}
.status {
width: 16px !important;
}
.status img {
margin-left: -6px !important;
}
Seta Adicione-o em primeiro, e deverá ficar assim:

Obs: Sem essa largura toda, o meu fórum de testes que está na sua 'width: 100%'.
Adicione no início da sua CSS!


Seta Não mude nada no template, que foi passado pelo Reset!
Seta Ative os avatares nas catégorias!
Seta Link Moderador
Seta É e claro, adicionar os ícones se desejar, do fórum citado. Piscada
Seta Se continuar assim, forneça-me a sua CSS.

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por IsmaelS. em Qui 13 Nov 2014 - 21:42

Ficou muito grande a barra e falta mais umas coisas veja:
- http://publica.ativoforum.com/forum

.CSS:
- http://pastebin.com/3hF2tusq

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por Duel em Qui 13 Nov 2014 - 22:18

Olá!

Substitua o CSS(Que lhe passei), por esse:
Código:
.main .main-head {
background-color: #2a2c33 !important;
border-bottom: 1px solid #de9700 !important;
border-radius: 2px 2px 0 0 !important;
box-shadow: #fa0 0 -2px 0 inset !important;
color: #fff !important;
text-shadow: none !important;
}
.main .main-content {
background: #E5E4E3 !important;
padding: 9px !important;
}.main-head .page-title h2 {
font-family: 'Carrois Gothic', sans-serif;
font-size: 17px;
}
.pun .main-content_board_index table.table {
background: #fff !important;
border: 1px solid #DDD !important;
border-collapse: separate !important;
}
.pun table.table {
border-collapse: collapse !important;
empty-cells: show !important;
table-layout: fixed !important;
width: 100% !important;
}
.pun table.table td {
background-color: #f2f2f2!important !important;
border-bottom: 1px solid #E1E1E1 !important;
border-top: 1px solid #fff !important;
border-width: 1px 0 !important;
color: #AAA !important;
font-family: Helvetica, helvetica, arial, sans-serif !important;
font-size: 12px !important;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center !important;
width: 10% !important;
}
.pun tbody.statused span.status {
position: absolute !important;
}
.status {
width: 16px !important;
}
.status img {
margin-left: -6px !important;
}

Resulta?

Duel
Usuário avançado

Masculino
Inscrito dia : 21/05/2014
Mensagens : 323
Pontos Ativos : 446

Ver perfil do usuário http://ajuda.forumeiros.com/ https://www.facebook.com/Não uso. https://twitter.com/Não tenho

Resolvido Re: Modificar as Categorias do Fórum

Mensagem por StaaL em Sex 14 Nov 2014 - 3:06

Ola:
Para Melhora do Seu Efeito Utilize esse Code em Folha de Estilo Css

Código:
.pun .main-content {
   background: none repeat scroll 0% 0% #E5E4E3;
   padding: 9px;
}
.pun table.table td {
   background: none repeat scroll 0% 0% #FFF;
   border: 1px solid #DDD;
   border-collapse: separate;
}

Alterações? Aguardo

nikerg. Piscada
avatar

StaaL
Nível 9

Masculino
Inscrito dia : 23/10/2014
Mensagens : 153
Pontos Ativos : 223

Ver perfil do usuário http://criando.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum