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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Bug na Estrutura do Fórum
Hoje à(s) 22:05 por Eden

» Bug na Pagina HTML
Hoje à(s) 21:49 por xBreninho_.

» Publicidade em cima do cabelaho
Hoje à(s) 21:27 por Shek Crowley

» Mudar pre-visualização do formulário
Hoje à(s) 21:21 por Shek Crowley

» Personalizar SCEditor
Hoje à(s) 20:57 por YouTube3

» PROBLEMA COM REGISTRO DE USUARIO
Hoje à(s) 20:34 por Shek Crowley

» Personalizar perfil
Hoje à(s) 20:33 por Eden

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

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

Parceiros Forumeiros
Quem está conectado
72 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 68 Visitantes :: 2 Motores de busca

Eden, Lillith, Sayu, ZamasuBR

[ Ver toda a lista ]


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

Personalizar Fóruns

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

Resolvido Personalizar Fóruns

Mensagem por YouTube3 em Sab 9 Abr 2016 - 15:57

Detalhes da questão


Endereço do fórum: http://simple.forumeiros.com/
Versão do fórum: PunBB

Descrição


Bom queria mudar aparência, dos meus Fóruns.

como está: http://i.imgur.com/tf0mxMh.jpg

como quero que fique: http://i.imgur.com/96FgNoJ.jpg

Fórum onde vi: http://www.forum-webtools.com/


Última edição por YouTube3 em Sab 9 Abr 2016 - 20:43, editado 1 vez(es)

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 862
Pontos Ativos : 1934

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Fóruns

Mensagem por iHeloaD em Sab 9 Abr 2016 - 16:07

Olá @YouTube3,
Ceda-me seu index_box por gentileza para que possamos efetuar as alterações.

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1688
Pontos Ativos : 4320

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar Fóruns

Mensagem por YouTube3 em Sab 9 Abr 2016 - 16:31

Opá @iHeloaD está aqui.
Código:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<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_board_index">
         <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: 40px;">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -40px;">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- 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}
                  </td>
                  <td class="tc2"></td>
                                          <td class="tc3"><span id="lit"><span id="te1">{catrow.forumrow.TOPICS}&nbsp;Tópicos</span><p><span id="te2">{catrow.forumrow.POSTS}&nbsp;Respostas</span></p></span></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>
  <br /><!-- 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 -->

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 862
Pontos Ativos : 1934

http://Ajuda.Forumeiros.com

Resolvido Re: Personalizar Fóruns

Mensagem por iHeloaD em Sab 9 Abr 2016 - 17:00

Pois bem, troque seu index_box por este:

Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<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">
         <table cellspacing="0" class="table">
            <thead style="display: none;">
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <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>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- 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}
                  </td>
                  <td class="tc2" style="width: 4%;"></td>
                  <td class="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}</span><br /><span class="stats_text">tópicos</span></td>
                  <td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}</span><br /><span class="stats_text">respostas</span></td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <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>
   <!-- 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}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Adicione isso ao seu CSS:

Código:
.stats_text {
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.stats_number {
    color: #737C8D;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-align: center;
}

Procure por:

Código:
.pun table.table td {
    background: #fff!important;
    background-color: #FBFBFB!important;
    border-bottom: 1px solid #E1E1E1;
    border-left: none!important;
    border-right: none!important;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    color: #AAA;
    font-family: Helvetica, helvetica, arial, sans-serif;
    font-size: 12px;
    padding: 12px;
}

Substitua por:

Código:
.pun table.table td {
    background: #fff!important;
    background-color: #FBFBFB!important;
    border-bottom: 1px solid #E1E1E1;
    border-left: none!important;
    border-right: none!important;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    color: #454545;
    font-family: Helvetica, helvetica, arial, sans-serif;
    font-size: 12px;
    padding: 12px;
}

E por fim, procure:

Código:
.pun table.table td:hover {
    color: #454545;
}
E delete.

Resulta?

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1688
Pontos Ativos : 4320

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar Fóruns

Mensagem por YouTube3 em Sab 9 Abr 2016 - 17:14

Opá, iHeloaD

Pois bem eu arrumei tudo certinho porem essa parte, de procurar um código e substituir eu não estou conseguindo arrumar eu procuro o código e não acho se poder arrumar para mim la o senhor ja tem os dados!

como ficou: http://i.imgur.com/ewpoWUF.png

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 862
Pontos Ativos : 1934

http://Ajuda.Forumeiros.com
  • 0

Resolvido Re: Personalizar Fóruns

Mensagem por iHeloaD em Sab 9 Abr 2016 - 19:54

Veja se agora está de seu agrado.

iHeloaD
Membro do Fórum

Masculino
Inscrito dia : 11/10/2012
Mensagens : 1688
Pontos Ativos : 4320

http://www.cidadesocial.com https://www.facebook.com/gustavofaq

Resolvido Re: Personalizar Fóruns

Mensagem por YouTube3 em Sab 9 Abr 2016 - 20:42

Ficou do jeito que eu quero Obrigado
Pode fechar.

YouTube3
Usuário destaque

Masculino
Inscrito dia : 04/01/2015
Mensagens : 862
Pontos Ativos : 1934

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