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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
Shek
 
APOllO
 
Lincoln
 
Roger_Crazzy
 
>.< T-T =3
 

Quem está conectado
264 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 254 Visitantes :: 2 Motores de busca

'Dante, Daemon, Fatalisss, Lincoln, Luiz, MtX, Roger_Crazzy, Shek, Uatyla, valdemirleite

[ Ver toda a lista ]


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

Personalizar a categoria

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

Resolvido Personalizar a categoria

Mensagem por savenx em Ter 1 Dez 2015 - 13:21

Detalhes da questão


Endereço do fórum: http://www.wowdevbrasil.tk
Versão do fórum: PunBB

Descrição


Ola galera, alguem poderia me ajudar a colocar os topicos igual a este forum? Ele até está no TOP 5 daqui da Forumeiros!

http://prntscr.com/98xvac

Forum em questão: http://www.somosmugiwara.com/forum
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Slurk em Ter 1 Dez 2015 - 17:04

Necessit do seu template index_box
avatar

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 427

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Ter 1 Dez 2015 - 17:14

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">
                        <div class="ipb-content">
         <table cellspacing="0" class="table">
         
            <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>
                                                  <div class="derechita">
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                                                  <span class="desc">{catrow.forumrow.FORUM_DESC}</span>      
                     <!-- 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}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
               
                                            <td class="tc3 col_c_stats ipsType_small">
                                       <ul>
                                                                                                          <li><strong>{catrow.forumrow.TOPICS}</strong> Tópicos</li>
                                                                                                          <li><strong>{catrow.forumrow.POSTS}</strong> Respostas</li>
                                       </ul>
                                    </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>
      </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 -->
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Qua 2 Dez 2015 - 10:01

alguem?
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em Sex 4 Dez 2015 - 13:31

Boa noite!

Poderia me dizer o que, exatamente? Ou seria toda a categoria ? Lembre-se, podemos mesclar ambas, ok? Só especifique.

Até mais.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Sex 4 Dez 2015 - 13:34

Eu gostaria que ficasse no mesmo estilo da foto na qual postei... Ou seja, a descrição de cada fórum e também as estatísticas do numero de posts e tópicos... Gostaria que ficasse o mais proximo da foto
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em Sex 4 Dez 2015 - 13:58

Certo, vamos aos poucos.

Acrescente este código CSS:
Código:
.main-head {background: black !important;text-align: center !important;border-top-right-radius: 15px !important;
border-top-left-radius: 15px !important;}
.derechita {
    background: #fff;
    box-shadow: 0 0 2px #ddd;
    border: 1px solid #ddd;
    color: #333;
    font-size: 9px;
    font-weight: 700;
    height: 43px;
    line-height: normal;
    margin-top: 5px!important;
    padding: 5px;
    width: 495px;
position: relative;
top: 10px;
    }
    .tcl {width: 505px !important;}
    a.forumtitle {
position:absolute !important;color: black !important;
top: -20px;display: block;font-weight: bold !important;

    }
  #main  .main-content {padding: 0 !important}
.statused tr {height: 90px !important;}
.main .ipb-content {width: 100%;border-right: none;border-top: none;border-left: none;}
.tc3 ul {background: #333 url(http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png);
 opacity: 1 !important;border: 1px solid #ddd; border-radius: 0 2px 2px 0; color: #FFF;
 font-size: 12px; margin: 5px 0 0!important; padding: 10px 3px; text-align: left; width: 80px!important;
left: -60px;position: relative;top: 3px; height: 35px;
 }

Feliz
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Sex 4 Dez 2015 - 16:28

Resultou no seguinte: http://prntscr.com/9afyqs

acesse o forum para ver.. esta tomando forma! muito bom!
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Seg 7 Dez 2015 - 15:18

Olá autor!

Por gentileza, remova todos os códigos aqui passados.
Troque o seu template index_box por este:
Código:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<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">
                        <div class="ipb-content">
        <table cellspacing="0" class="table">
       
            <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>
                                                  <div class="derechita">
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <span class="desc">{catrow.forumrow.FORUM_DESC}</span>     
                    <!-- 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}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
             
                                            <td class="tc3 col_c_stats ipsType_small">
                                      <div class="dire"><p class="reppost" style="width:auto;"><span class="dies" style="display: block;">Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span class="dies">Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p></div>
                                    </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>
      </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 -->

Salve e publique. Em seguida, aceda à sua CSS e cole:
Código:
.dire { float: right; }
.reppost {
    background: #333 url(http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png);
    border: 1px solid #ddd;
    border-radius: 0 2px 2px 0;
    color: #FFF;
    font-size: 12px;
    margin: 5px 0 0!important;
    padding: 10px 3px;
    text-align: left;
    width: 90px!important;
}
.dies:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 11px;
    padding-right: 5px;
}

Abraços.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Seg 7 Dez 2015 - 15:28

Fraise, veja o resultado em meu fórum, estou gostando! mas tem como por aquela seta preta antes da caixa da descrição?
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Seg 7 Dez 2015 - 15:32

Adicione mais este:
Código:
.derechita { background: url('http://i.imgur.com/qvCB19c.png') no-repeat -5px; }

Algo mais? Muito feliz

Abraços. Muito feliz
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Seg 7 Dez 2015 - 16:22

Ela ficou meio bugada, da uma olhada!
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Seg 7 Dez 2015 - 16:38

Troque seu index_box por este:
Código:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<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">
                        <div class="ipb-content">
        <table cellspacing="0" class="table">
       
            <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>
                                                  <div class="derechita">
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                                                  <div stat="29" class="esque" cat-desc=""><img src="http://i.imgur.com/qvCB19c.png" alt="http://i.imgur.com/qvCB19c.png" style="float:left"><div class="descri">
 {catrow.forumrow.FORUM_DESC} </div><br></div>     
                    <!-- 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}
                                                  </div>
                                                  </td>
                  <td class="tc2"></td>
             
                                            <td class="tc3 col_c_stats ipsType_small">
                                      <div class="dire"><p class="reppost" style="width:auto;"><span class="dies" style="display: block;">Tópicos: <span style="color:#FF0145;font-size:12px;">{catrow.forumrow.TOPICS}</span></span>  <span class="dies">Posts: <span style="color:#0790FF;font-size:12px">{catrow.forumrow.POSTS}</span></span></p></div>
                                    </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>
      </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 -->

Salve e publique!
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Seg 7 Dez 2015 - 17:03

Olha lá, ficou muito desalinhado
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Ter 8 Dez 2015 - 9:24

Certo. Adicione em sua CSS:
Código:
[src="http://i.imgur.com/qvCB19c.png"] {
  margin-top: -22px;
  margin-left: -13px;
}

Até mais.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Ter 8 Dez 2015 - 11:12

Muito obrigado! Resultou!
avatar

savenx
Nível 5

Masculino
Inscrito dia : 22/04/2012
Mensagens : 38
Pontos Ativos : 53

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em Sab 12 Dez 2015 - 11:59

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

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