Modificar visual das Categorias Hitskin_logo Hitskin.com

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

Fórum dos Fóruns

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

Modificar visual das Categorias

5 participantes

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

Ir para baixo

Tópico resolvido Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 0:37

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:
Modificar visual das Categorias Bzrc3

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 0:39

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

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 0:49

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/
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 0:53

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://2img.net/i/fa/empty.gif);
}
.main-content_board_index {
    background: #E5E4E3;
    padding: 9px;
}


Atenciosamente,
Mshas
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Fraise 26.08.15 0:53

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 26.08.15 1:07, editado 1 vez(es)
Fraise
Fraise
Ajudeiro
Ajudeiro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:01

Olá!

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:04

@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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:22

Continua na mesma amigo.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:25

Mande o seu index_box por gentileza?
Tchau,
Mshas
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:27

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>
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:30

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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:34

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:38

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

Vá em: Painel de Controle Modificar visual das Categorias 1104915802 Visualização Modificar visual das Categorias 1104915802 Página inicial Modificar visual das Categorias 1104915802 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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:40

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:42

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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:45

Mesmo assim amigo não ficou com o aspecto.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:47

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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 1:56

Continua na mesma amigo sem nada :/
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 26.08.15 1:59

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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 2:04

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"
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Fraise 26.08.15 13:00

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
Fraise
Fraise
Ajudeiro
Ajudeiro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 14:52

Continua na mesma amigos sem efeito.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Shek 26.08.15 15:26

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: https://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!
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 15:38

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:
Modificar visual das Categorias Sem_ty10

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Shek 26.08.15 15:45

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>
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 16:03

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.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Shek 26.08.15 16:26

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

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 16:29

Mas como assim? Em que templates?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Fraise 26.08.15 18:24

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

No seu template index_box. Piscada

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 18:38

Sim mas como coloco para tudo ficar como no inicio?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Fraise 26.08.15 18:41

Olá,

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

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 26.08.15 18:47

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

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Mshas 27.08.15 0:56

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
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 27.08.15 3:36

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>
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Sennior 27.08.15 18:59

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 27.08.15 19:06

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:
Modificar visual das Categorias 2l92sf6

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?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Sennior 27.08.15 19:20

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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 27.08.15 19:27

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/

avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Sennior 27.08.15 19:32

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 27.08.15 19:35

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
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Sennior 27.08.15 19:38

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. 27.08.15 19:52

Resolvido muito obrigado Sennior!
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar visual das Categorias

Mensagem por Sennior 27.08.15 19:56

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

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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

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