Personalizar a categoria

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

Resolvido Personalizar a categoria

Mensagem por savenx em 01/12/15, 06:21 pm

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Slurk em 01/12/15, 10:04 pm

Necessit do seu template index_box
avatar

Slurk
Nível 10

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

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

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 01/12/15, 10:14 pm

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 02/12/15, 03:01 pm

alguem?
avatar

savenx
Nível 5

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em 04/12/15, 06:31 pm

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 : 1444
Pontos Ativos : 2025

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

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 04/12/15, 06:34 pm

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em 04/12/15, 06:58 pm

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 : 1444
Pontos Ativos : 2025

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

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 04/12/15, 09:28 pm

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em 07/12/15, 08:18 pm

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 07/12/15, 08:28 pm

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em 07/12/15, 08:32 pm

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 07/12/15, 09:22 pm

Ela ficou meio bugada, da uma olhada!
avatar

savenx
Nível 5

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em 07/12/15, 09:38 pm

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 07/12/15, 10:03 pm

Olha lá, ficou muito desalinhado
avatar

savenx
Nível 5

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em 08/12/15, 02:24 pm

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Personalizar a categoria

Mensagem por savenx em 08/12/15, 04:12 pm

Muito obrigado! Resultou!
avatar

savenx
Nível 5

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

Ver perfil do usuário http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em 12/12/15, 04:59 pm

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 : 1444
Pontos Ativos : 2025

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