Mudança na aparência da categoria/fórum

4 participantes

Ir para baixo

Tópico resolvido Mudança na aparência da categoria/fórum

Mensagem por HRRPG 29.08.17 0:12

Detalhes da questão


Endereço do fórum: http://hrrpg.forumeiros.com
Versão do fórum: phpBB2

Descrição


Boa noite, povo! Piscada

Gostaria de fazer uma mudança na aparência da descrição das minha categorias/fóruns.

Até então, elas estão padrão. Mas gostaria de deixá-las assim https://imgur.com/a/1pUlm

O exemplo é desse fórum.

Grata!
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Ketholy 29.08.17 0:27

Olá

Para esta modificando a aparência de seu fórum acesse:

Painel de controle>Geral>Fórum>Configuração
No mesmo você poderá modificar descrição do fórum e um título

Para Gerir categorias acesse:

Painel de controle>Geral>Categorias e fóruns
Siga o tutorial: Aqui

Obs: Espero ter ajudado

Att: Ketholy
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 29.08.17 0:31

Sim, mas é necessário um código pra isso.
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Alex 29.08.17 11:13

Olá, bom dia.

Poderia ser mais especifica no seu pedido, talvez apontando a mudança desejada por uma imagem sinalizando essa mesma área que gostaria de ter? O pedido está um pouco vago.

Obrigado!
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 29.08.17 16:42

Olá, @Jefferson. Vou deixar as coisas mais claras, usando o mesmo exemplo, porém desse fórum.

O meu pedido se trata desse quadrado aqui, oh

https://imgur.com/a/k0mnX

Tudo fica dentro de um quadrado um pouco mais claro, de modo que fique sobreposto e com informações dentro.

1 - Título pouquinho acima do quadrado mais claro que fica com o título do fórum
2 - Imagem que pode ser aplicada ou não, seria usada para quando o fórum se tratar de lugares, e não fóruns administrativas
3 - Informações/links sobre o que tem dentro daquele fórum

Vou mostrar uma visão geral de como ele tem que ficar https://imgur.com/a/ZKcso

Acho que ficou um pouco mais claro agora, né? Espero que sim, desculpe o transtorno. ...
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Alex 29.08.17 16:59

Olá novamente!

Você possui algum código JavaScript ou até mesmo CSS para a animação do título do tópico ou algum código relacionado ao título do tópico?

Se sim, reitre/desative para que possamos ver se há mudanças.

Obs: Se o código for CSS adicione um /* no inicio do código (antes da classe - conhecida por um ponto final e palavras antes da {) e outro */ no fim (depois da })

Até mais o/
Alex
Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 29.08.17 17:01

Não, eu não possuo nada disso... Louco

Embora até onde eu saiba, o meu pedido se trate de um code colocado na descrição do fórum/categoria.
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 15:56

Precisaria que nos fornecesse o seu template index_box.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 16:46

Olá, @Kyo! Como vai?

Você pode me dizer onde se encontra isso? Porque apesar de eu seguir Painel de Controle ☛ Visualização ☛ Templates ☛ Geral, eu ainda não estou achando. Louco
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 17:06

Ah, @Kyo. Percebi que apenas o fundador pode visualizar essas opções, mas aqui está.

https://pastebin.com/CPTKN5Hi
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 17:09

Troque por esse:

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fa-category" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>

      <td class="{catrow.cathead.CLASS_CAT}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Precisarei acertar o CSS ainda.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 17:25

Aqui está o meu CSS, @Kyo.

https://pastebin.com/kNeJnXhP
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 17:44

Adicione ao CSS:

Código:
.fa-category .cat {
    text-align: center;
}

.fa-category .cat a {
    font-family: 'Monotype Corsiva', serif;
    font-size: 48px; 
}

.fa-category td:not(.cat) {   
    position: relative;
    background: #0a0a0a !important;;
    border-radius: 0;
    border-top: 30px black solid;
}

.fa-category td:not(.cat)::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #000000;
    height: 24px;
}

.fa-category a.forumlink,
.fa-category a.forumlink:hover,
.fa-category a.forumlink:focus {
    font-size: 32px;
    letter-spacing: 0;
    position: relative;
    z-index: 5;
    opacity: 1;
    color: #999;
    font-weight: normal;
    text-transform: uppercase;
    border: none;
    font-family: 'Book Antiqua', serif;
    transform: none;
    margin: 0;
    background: none;
    text-shadow: none;
    padding: 0;
}

Precisava que a senhora adicionasse descrição e imagem no fórum.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 17:50

Então, @Kyo.

Acho que ficou com um pequeno problema, ou talvez eu não tenha me explicado direito no exemplo que dei.

https://imgur.com/a/8BmD5

Sumiu aquelas partes que ficam do lado, mostrando as últimas mensagens e quantas tem por ali.

E, teria como diminuir o tamanho do quadrado sem desconfigurar tudo? Acho que esse efeito é um code que cola nas descrições quando você cria um fórum novo, não algo automático. Porque não faço a mínima, mas isso deve desconfigurar as coisas para por links, fotos e essas coisas né?
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 17:53

Agora que fui ver o site de exemplo que passou... Perdão.

Troque o HTML:

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fa-category" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

E remova o CSS que passei. Vamos começar de novo.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 17:57

Agora está tudo como estava antes, @Kyo. huh
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 18:01

Yep. Estava fazendo elas de maneira errada, por isso o retornamos ao início. Troque o HTML por esse:

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fa-category" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="5" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <td class="5" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Precisarei fazer ajustes ao CSS.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 18:06

HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 18:10

Troque por esse:

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fa-category" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <th colspan="5" nowrap="nowrap" width="100%" class="secondarytitle">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </th>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

E avise-o quando fizer para finalizar o CSS.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 18:19

Troquei, @Kyo.

Mas parece estar meio bugado e_e
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 18:30

Adicione ao CSS:

Código:
.fa-category .cattitle {
    font-family: 'Monotype Corsiva', serif;
    font-size: 36px;
    text-transform: none;
}

.fa-category tr:not(:first-child) td {
    background: none;
    border-top: 30px transparent solid;
}

.fa-category .forumlink,
.fa-category .forumlink:hover,
.fa-category .forumlink:focus,
.fa-category .forumlink:active {
    font-size: 18px;
    letter-spacing: 0;
    opacity: 1;
    border: none;
    text-transform: uppercase;
    font-family: 'Book Antiqua', serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background: none;
    color: #999 !important;
}

Troque o HTML:

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fa-category" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <th colspan="2" nowrap="nowrap" width="100%" class="secondarytitle">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </th>
     <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
 
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

E adicione descrição e imagem a um fórum.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 18:35

Não pareceu funcionar ainda, @Kyo.

Não existe o quadrado mais claro, parece ter tomado toda a extensão do fórum. E não consigo centralizar imagem e texto. Louco
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 18:43

Relaxe. Precisamos ir por partes.

Adicione ao CSS:

Código:
.fa-category .genmed {
    display: block;
    background-color: #0a0a0a;
    text-align: center;
    padding: 15px;
    max-width: 80%;
    margin: 0 auto;
    margin-top: -5px;
}

.fa-category .forumlink br {
    display: none;
}

.fa-category .genmed img:first {
    margin-bottom: 15px;
}

.fa-category th,
.fa-category .gensmall,
.fa-category .genmed {
    color: #ccc;
    font-size: 12px;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 19:20

Aparentemente funcionou, @Kyo.

Mas o bug sobre as informações dos últimos posts/tópicos ainda continua quando aberto o fórum mais a fundo.

https://i.imgur.com/42kvbwF.png
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 19:27

No CSS, troque:

Código:
.fa-category tr:not(:first-child) td

Por:

Código:
.fa-category tr:last-child td

E adicione:

Código:
.fa-category tr:last-child td:nth-child(3),
.fa-category tr:last-child td:nth-child(4) {
    min-width: 50px;
}

.fa-category tr:last-child td:last-child {
    min-width: 150px;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 19:37

Bem, esse problema foi totalmente arrumado com esses codes.

Mas teve uma pequena alteração, permitiu que o fundo do fórum aparecesse atrás do fórum de novo.

Teria como deixar ele totalmente preto, como está na Lixeira, novamente? Ou eu tenho que criar um novo tópico para isso?

https://i.imgur.com/ak6jg0h.png
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 19:43

.-.

---

Troque o HTML:

Código:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline fa-category" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr class="fa-category-header">
      <th colspan="2" nowrap="nowrap" width="100%" class="secondarytitle">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </th>
    <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr class="fa-category-row">
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->
 
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Troque:

Código:
.fa-category tr:last-child td

Por:

Código:
.fa-category tr.fa-caregory-row td

E troque a última parte que pedi para adicionar por:

Código:
.fa-category tr.fa-caregory-row td:nth-child(3),
.fa-category tr.fa-caregory-row td:nth-child(4) {
    min-width: 50px;
}
 
.fa-category tr.fa-caregory-row td:last-child {
    min-width: 150px;
}
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por HRRPG 30.08.17 19:54

Muito bom, Kyo!

Obrigada pela ajuda e pela paciência, sei que foi difícil. Peço perdão por qualquer transtorno.

Muito feliz
HRRPG
HRRPG
*

Membro desde : 27/08/2017
Mensagens : 47
Pontos : 73

http://hogwartsreturns.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudança na aparência da categoria/fórum

Mensagem por Kyo Panda 30.08.17 19:54

Jamais. Estamos aqui para isso. o/

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda
Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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