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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek Crowley
 
fiapinho
 
while
 
Kyou
 
Smoke.xX
 
w204
 
Holkis
 
Jhool
 
TZero
 

Quem está conectado
301 usuários online :: 6 usuários cadastrados, 1 Invisível e 294 Visitantes :: 1 Motor de busca

Holkis, Jhool, Kyo Panda, Pedro_xD, Shek Crowley, TZero

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 - 20: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

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Slurk em Qua 2 Dez 2015 - 0:04

Necessit do seu template index_box

Slurk
Nível 10

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

http://beststyle.forumeiros.com/

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Qua 2 Dez 2015 - 0: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 -->

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

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

alguem?

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

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

Boa noite!

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

Até mais.

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2470

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Sex 4 Dez 2015 - 20: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

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em Sex 4 Dez 2015 - 20: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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2470

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar a categoria

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

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

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

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Seg 7 Dez 2015 - 22: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.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

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

Resolvido Re: Personalizar a categoria

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

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

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Seg 7 Dez 2015 - 22: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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

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

Resolvido Re: Personalizar a categoria

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

Ela ficou meio bugada, da uma olhada!

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por Fraise em Seg 7 Dez 2015 - 23: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!

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

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

Resolvido Re: Personalizar a categoria

Mensagem por savenx em Ter 8 Dez 2015 - 0:03

Olha lá, ficou muito desalinhado

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

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

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

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7229

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

Resolvido Re: Personalizar a categoria

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

Muito obrigado! Resultou!

savenx
Nível 5

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

http://www.wowdevbrasil.tk

Resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV em Sab 12 Dez 2015 - 18: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".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2470

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