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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Mudar cor dos widgets do portal
Hoje à(s) 02:56 pm por odelgado

» Texturas Fórum
Hoje à(s) 02:03 pm por Kyko

» [Pedido] Banner TWD
Hoje à(s) 01:49 pm por APOllO

» Novas Categorias
Hoje à(s) 01:44 pm por APOllO

» #10596 Comprar domínio antigo
Hoje à(s) 01:24 pm por dxmar74

» (PEDIDO) Ranks
Hoje à(s) 01:17 pm por APOllO

» Nova opção de login
Hoje à(s) 01:13 pm por Shek

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
265 usuários online :: 8 usuários cadastrados, 1 Invisível e 256 Visitantes :: 2 Motores de busca

APOllO, iScroll, IsmaelS., Ketholy123, Kyko, MateusAnjosV, odelgado, rlmac

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Modificar visual das Categorias

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

Resolvido Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 08:37 pm

Detalhes da questão


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

Descrição


Olá!

Desejava colocar no meu fórum desta forma as categorias:


Se possível retirar o negrito dos textos, apenas queria mesmo só o visual.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 08:39 pm

Pode me dizer onde você viu esse visual tão simples?
Saudação.
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 08:49 pm

@Mshas escreveu:Pode me dizer onde você viu esse visual tão simples?
Saudação.

Olá!

Erro meu esqueci de mencionar aqui mesmo:
- http://www.foxdesigner.biz/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 08:53 pm

Saudações

Código:
.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}
.main .main-head {
    background-image: url(http://illiweb.com/fa/empty.gif);
}
.main-content_board_index {
    background: #E5E4E3;
    padding: 9px;
}


Atenciosamente,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em 25/08/15, 08:53 pm

Olá!

Vá em: Painel de Controle Flecha ajudeiros Visualização Flecha ajudeiros Página inicial Flecha ajudeiros Estrutura e hierarquia

Em "Link para os níveis inferiores" marque Sim.

Cumprimentos.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre o painel de administração'


Última edição por Fraise em 25/08/15, 09:07 pm, editado 1 vez(es)
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:01 pm

Olá!

@Fraise, eu quero é o visual ou seja o aspecto mesmo.
@Mshas, apenas ficou com os traços veja:
- http://master-publicitario.forumeiros.com/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:04 pm

@IsmaelS.

Saudações,
Mude pra este senhor,
Código:
.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}

Até,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:22 pm

Continua na mesma amigo.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:25 pm

Mande o seu index_box por gentileza?
Tchau,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:27 pm

Aqui está amigo:
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">
         <table cellspacing="0" class="table">
            <thead>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:30 pm

Altere pra este senhor @IsmaelS.
Código:
<style>.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}</style>
<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>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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><br><br>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

E delete todos códigos que eu mencionei.

Até,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:34 pm

Está quase amigo já apareceu algo, agora falta o "interior" veja a print da dúvida.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:38 pm

Pra mostrar os links dos sub-fóruns dos fóruns.
Olá!

Vá em: Painel de Controle  Visualização  Página inicial  Estrutura e hierarquia 

Em "Link para os níveis inferiores" marque Sim.

E altere o index_box pra este
Código:
<style>.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}</style>
<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>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.tópicos}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</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><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Cumprimentos,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:40 pm

Amigo seu quero é o visual interior seu ativar os links, mas apareceu algo dentro das categorias {catrow.forumrow.tópicos}

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:42 pm

Altere pra este se retire o bug que aconteceu em categorias.
Código:
<style>.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}</style>
<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>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.topics}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</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><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Até,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:45 pm

Mesmo assim amigo não ficou com o aspecto.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:47 pm

Altere pra este código.
Perdão pelo o meu erro.
Código:
<style>.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}</style>
<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>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.topics}</strong> tópicos<br /><strong>{catrow.forumrow.POSTS}</strong> respostas</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><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>
Tchau,
Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 09:56 pm

Continua na mesma amigo sem nada :/

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 25/08/15, 09:59 pm

Altere-o pra este.
Desculpe-me pelo transtorno do seu fórum.
Código:
<style>.
main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}
a.forumtitle {
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 15px;
    font-weight: 400!important;
    text-decoration: none;
    text-shadow: 0 0 1px #AAA;
}
.pun table.table td {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    color: #AAA;
    font-family: Helvetica, helvetica, arial, sans-serif;
    font-size: 12px;
}
</style>
<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>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 25/08/15, 10:04 pm

Está quase amigo, se reparar falta aquela borda em cinza à volta e se possível deixar o texto normal como estava? Ou seja sem estar em negrito, simplesmente "default"

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em 26/08/15, 09:00 am

Olá!

Troque o CSS por este:
Código:
.main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
    font-weight: normal!important;
}

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 10:52 am

Continua na mesma amigos sem efeito.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Shek em 26/08/15, 11:26 am

Bom dia!

Isso é tão simples, que nem precisei entrar no fórum do outro administrador. É só usar o Inspecionar Elemento para trabalhar com a linguagem mais fácil, que é o HTML. A única coisa que precisas fazer Ismael, é adicionar uma DIV antes do TABLE que exibe seus subfóruns. Só! Depois, é colocar um padding 5px para afundar os subfóruns e dar espaço ao ao que terá fora. Depois, basta usar a propriedade do CSS background-color e o hexadecimal para dar cor de fundo! RESUMINDO:
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="CatSHEK">
         <table cellspacing="0" class="table">
            <thead>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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>
      </div><br><br>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>
CSS:
Código:
div.CatSHEK {
    background: #000;
    padding: 9px;
}
Essa simulação eu fiz direto no seu fórum. O que falta é estudar os elementos do CSS e HTML: http://ajuda.forumeiros.com/t86027-elaborar-um-codigo-css

Quer outra dica? Use o border-radius: 5px !important dentro da class div.CatSHEK para arredondar as bordas, se quiser. Bem simples, principalmente no Google Chrome que facilita.

Até mais!


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16581
Pontos Ativos : 20917

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 11:38 am

Olá!

@Shek, sim realmente bastou colocar essa .CSS e apenas eu adaptei como desejava e já fez o efeito, mas só queria era agora colocar aquela barra que estava antes ou seja por cima dos títulos das categorias:


Tentei usar os códigos do @Mshas mas apenas aparece o traço em laranja.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Shek em 26/08/15, 11:45 am

Mais simples ainda. Basta pegar o código do Mshas e criar a DIV com o class CatSHEK e pronto!
Código:
<style>.
main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}
a.forumtitle {
    font-family: 'Carrois Gothic', sans-serif;
    font-size: 15px;
    font-weight: 400!important;
    text-decoration: none;
    text-shadow: 0 0 1px #AAA;
}
.pun table.table td {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    color: #AAA;
    font-family: Helvetica, helvetica, arial, sans-serif;
    font-size: 12px;
}
</style>
<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="CatSHEK">
        <table cellspacing="0" class="table">
            <thead>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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></div><br><br>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16581
Pontos Ativos : 20917

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 12:03 pm

Bem amigo é isso mesmo, só que falta ainda algumas partes por exemplo dentro das categorias os fóruns veja:
- http://master-publicitario.forumeiros.com/f4-recrutamentos

Se reparar não está com o efeito, e outra coisa se reparar os títulos estão todos a negritos desde que coloquei os códigos.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Shek em 26/08/15, 12:26 pm

É só fazer o mesmo procedimento que ensinei no tópico que lhe passei o template: http://ajuda.forumeiros.com/t101380-modificar-visual-das-categorias#702864


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16581
Pontos Ativos : 20917

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 12:29 pm

Mas como assim? Em que templates?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em 26/08/15, 02:24 pm

@IsmaelS. escreveu:Mas como assim? Em que templates?
Olá,

No seu template index_box. Piscada

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 02:38 pm

Sim mas como coloco para tudo ficar como no inicio?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em 26/08/15, 02:41 pm

Olá,

É só fazer como o @Shek citou aqui:
http://ajuda.forumeiros.com/t101380-modificar-visual-das-categorias#702864

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 02:47 pm

Sim mas eu não sou muito bom em programação, quer que altere dentro do index_box mas aonde e o que?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Mshas em 26/08/15, 08:56 pm

Código:
<style>.
main .main-foot, .main .main-head .main .main-head .page-title {
    background-color: #2a2c33;
    border-bottom: 1px solid #de9700;
    border-radius: 2px 2px 0 0;
    box-shadow: #fa0 0 -2px 0 inset;
    color: #fff;
    padding: 1em;
    text-shadow: none;
}
.pun table.table td {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    color: #AAA;
    font-family: Helvetica, helvetica, arial, sans-serif;
    font-size: 12px;
}
</style>
<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>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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><br><br>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

Altere-o pra este senhor.

Mshas
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

http://www.mservicos.forumeiros.com
  • 0

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 26/08/15, 11:36 pm

Amigo o seu código retira o efeito do @Shek, mas veja utilize este template:
Código:
<style>.
main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #137A97;
    border-radius: 10px 10px 0 0;
    box-shadow: rgba(19, 122, 151, 0.3) 0 -2px 0 inset;
    color: #fff;
    padding: 15px;
    text-shadow: none;
}

.pun table.table td {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
}
</style>
<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="CatSHEK">
        <table cellspacing="0" class="table">
            <thead>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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></div><br><br>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em 27/08/15, 02:59 pm

Saudações!

Ismael, me explique e mande para mim uma Print Screen de como esta a categoria neste exato momento.
Mande para mim os códigos utilizados e a versão do seu fórum.

Até mais.
Sennior


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 27/08/15, 03:06 pm

Olá!

@Sennior, eu estou a usar esta pequena .CSS:
Código:
div.CatSHEK {
      background: #E5E4E3;
    padding: 6px;
}

E no index_box este template:
Código:
<style>.
main .main-foot, .main .main-head {
    background-color: #2a2c33;
    border-bottom: 1px solid #137A97;
    border-radius: 10px 10px 0 0;
    box-shadow: rgba(19, 122, 151, 0.3) 0 -2px 0 inset;
    color: #fff;
    padding: 15px;
    text-shadow: none;
}

.pun table.table td {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
}
</style>
<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="CatSHEK">
        <table cellspacing="0" class="table">
            <thead>

            </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" style="color: #333 !important;font-family: Lato !important;font-size: 14px !important;font-weight: 400 !important;">{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="tc3"><strong>{catrow.forumrow.TOPICS}</strong> topics<br /><strong>{catrow.forumrow.POSTS}</strong> replies</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></div><br><br>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

Que fica neste resultado nas categorias e é como eu quero manter:


Mas tem partes em que não aparece ou seja veja por exemplo:
http://master-publicitario.forumeiros.com/f25-arquivos-criacoes-graficas-finalizadas

Se reparar o efeito não está a aparecer, ou seja queria colocar todo o fórum como na print que mostrei, percebeu?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em 27/08/15, 03:20 pm

Boas!

Adicione este código CSS:
Código:
.main-head {
    background-color: #2a2c33!important;
    border-bottom: 1px solid #137A97!important;
    border-radius: 10px 10px 0 0!important;
    box-shadow: rgba(19, 122, 151, 0.3) 0 -2px 0 inset!important;
    color: #fff!important;
    padding: 15px!important;
    text-shadow: none!important;
}
tbody.statused {
    background: #E5E4E3;
    padding: 6px;
}
td.tcr {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    border-right: 1px solid #2A2C33!important;
}
td#postA {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
}
td.tcl.tdtopics {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    border-left: 1px solid #2A2C33!important;
}
O que deseja mudar ainda?

Até mais.
Sennior


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 27/08/15, 03:27 pm

Olá!

Esta quase amigo repare que tem uma borda preta nos lados:
- http://master-publicitario.forumeiros.com/f30-arquivos-duvidas-gerais

Queria antes a borda em cinza como esta aqui:
- http://master-publicitario.forumeiros.com/


IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em 27/08/15, 03:32 pm

Certo! Altere por este:
Código:
.main-head {
    background-color: #2a2c33!important;
    border-bottom: 1px solid #137A97!important;
    border-radius: 10px 10px 0 0!important;
    box-shadow: rgba(19, 122, 151, 0.3) 0 -2px 0 inset!important;
    color: #fff!important;
    padding: 15px!important;
    text-shadow: none!important;
}
tbody.statused {
    background: #E5E4E3;
    padding: 6px;
}
td.tcr {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    border-right: 6px solid #E5E4E3!important;
}
td#postA {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
}
td.tcl.tdtopics {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    border-left: 6px solid #E5E4E3!important;
}

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 27/08/15, 03:35 pm

Só falta agora a borda estar no topo e no fundo amigo, veja apenas ficou nos lados:
- http://master-publicitario.forumeiros.com/f25-arquivos-criacoes-graficas-finalizadas

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/
  • 0

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em 27/08/15, 03:38 pm

Boas!

Altere novamente:
Código:
.main-head {
    background-color: #2a2c33!important;
    border-bottom: 1px solid #137A97!important;
    border-radius: 10px 10px 0 0!important;
    box-shadow: rgba(19, 122, 151, 0.3) 0 -2px 0 inset!important;
    color: #fff!important;
    padding: 15px!important;
    text-shadow: none!important;
}
tbody.statused {
    background: #E5E4E3;
    padding: 6px;
    border-bottom: 15px solid #E5E4E3!Important;
}
td.tcr {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    border-right: 6px solid #E5E4E3!important;
}
td#postA {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
}
td.tcl.tdtopics {
    background-color: #f2f2f2!important;
    border-bottom: 1px solid #E1E1E1;
    border-top: 1px solid #fff;
    border-width: 1px 0;
    border-left: 6px solid #E5E4E3!important;
}
td.tcl.tdtopics {
    border-bottom: 1px solid #E5E4E3!Important;
}

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em 27/08/15, 03:52 pm

Resolvido muito obrigado Sennior!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2771
Pontos Ativos : 3868

http://master-publicitario.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em 27/08/15, 03:56 pm

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


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta  Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16303
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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