Personalizar a categoria Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema

Fórum dos Fóruns

Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Personalizar a categoria

4 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Ir para baixo

Tópico resolvido Personalizar a categoria

Mensagem por savenx 01.12.15 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
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por Slurk 02.12.15 0:04

Necessit do seu template index_box
Slurk
Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 02.12.15 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
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 02.12.15 17:01

alguem?
savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV 04.12.15 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
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 04.12.15 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
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV 04.12.15 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
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 04.12.15 23:28

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

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

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por Fraise 07.12.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 07.12.15 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
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por Fraise 07.12.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 07.12.15 23:22

Ela ficou meio bugada, da uma olhada!
savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por Fraise 07.12.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 08.12.15 0:03

Olha lá, ficou muito desalinhado
savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por Fraise 08.12.15 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
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por savenx 08.12.15 18:12

Muito obrigado! Resultou!
savenx
savenx
*

Membro desde : 22/04/2012
Mensagens : 38
Pontos : 53

http://www.wowdevbrasil.tk

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar a categoria

Mensagem por MateusAnjosV 12.12.15 18:59

Personalizar a categoria Symbol10 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
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

 
Permissões neste sub-fórum
Não podes responder a tópicos