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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz
 
Kyo Panda
 
Shek
 
Dr.
 
Sennior
 
Chrono Trigger
 
Cannabis._.
 
Harleen
 
Tiger
 
LanternaV2
 

Quem está conectado
264 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 258 Visitantes :: 2 Motores de busca

[SRD]JimClark, _AXE_PM_AXE_, iHeloaD, Kyo Panda, Paulo Giacomelli, Sennior

[ 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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 4977
Pontos Ativos : 6632

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 4977
Pontos Ativos : 6632

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 : 2768
Pontos Ativos : 3863

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 : 16356
Pontos Ativos : 20826

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 : 2768
Pontos Ativos : 3863

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 : 16356
Pontos Ativos : 20826

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 : 2768
Pontos Ativos : 3863

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 : 16356
Pontos Ativos : 20826

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 : 2768
Pontos Ativos : 3863

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 : 4977
Pontos Ativos : 6632

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 : 2768
Pontos Ativos : 3863

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 : 4977
Pontos Ativos : 6632

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 : 2768
Pontos Ativos : 3863

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 : 2768
Pontos Ativos : 3863

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 : 16300
Pontos Ativos : 20792

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 : 2768
Pontos Ativos : 3863

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 : 16300
Pontos Ativos : 20792

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 : 2768
Pontos Ativos : 3863

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 : 16300
Pontos Ativos : 20792

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 : 2768
Pontos Ativos : 3863

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 : 16300
Pontos Ativos : 20792

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 : 2768
Pontos Ativos : 3863

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 : 16300
Pontos Ativos : 20792

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