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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» como fazer esse menu de ícones?
Hoje à(s) 0:57 por luuuiiiz

» Botão de ação
Hoje à(s) 0:51 por Cepheus

» Remover espaço entre perfil e tópico
Hoje à(s) 0:24 por Cream

» [Pedido] Banner
Hoje à(s) 0:21 por Cepheus

» Separar rank e campos do perfil
Hoje à(s) 0:15 por Cream

» Formulário de postagem
Hoje à(s) 0:03 por Cepheus

» Retirar página de confirmação de um formulário
Ontem à(s) 23:42 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Nean
 
Sennior
 
iScroll
 
Cepheus
 

Quem está conectado
141 usuários online :: 7 usuários cadastrados, 1 Invisível e 133 Visitantes :: 2 Motores de busca

Bello Yzzi Gsf, Cream, idarkdg, iMont, iScroll, luuuiiiz, while

[ 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 : 1676

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 : 740

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 : 1676

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 : 1676

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 : 1413
Pontos Ativos : 2321

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 : 1676

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 : 1413
Pontos Ativos : 2321

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 : 1676

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.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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 : 1676

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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 : 1676

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!


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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 : 1676

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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 : 1676

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 : 1413
Pontos Ativos : 2321

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5