Modificar visual das Categorias

[IsmaelS.]

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.

[Mshas]

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

[IsmaelS.]

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/

[Mshas]

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

[Fraise]

Olá!

Vá em: Painel de Controle Visualização Página inicial 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'

[IsmaelS.]

Olá!

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

[Mshas]

@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

[IsmaelS.]

Continua na mesma amigo.

[Mshas]

Mande o seu index_box por gentileza?
Tchau,
Mshas

[IsmaelS.]

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>


[Mshas]

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

[IsmaelS.]

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

[Mshas]

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

[IsmaelS.]

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

[Mshas]

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

[IsmaelS.]

Mesmo assim amigo não ficou com o aspecto.

[Mshas]

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

[IsmaelS.]

Continua na mesma amigo sem nada :/

[Mshas]

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

[IsmaelS.]

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"

[Fraise]

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

[IsmaelS.]

Continua na mesma amigos sem efeito.

[Shek]

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!

[IsmaelS.]

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.

[Shek]

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>

[IsmaelS.]

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.

[Shek]

É 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

[IsmaelS.]

Mas como assim? Em que templates?

[Fraise]

Mas como assim? Em que templates?

Olá,

No seu template index_box.

Cumprimentos.
Fraise

[IsmaelS.]

Sim mas como coloco para tudo ficar como no inicio?

[Fraise]

Olá,

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

Cumprimentos.
Fraise

[IsmaelS.]

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

[Mshas]

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

[IsmaelS.]

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>

[Sennior]

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

[IsmaelS.]

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?

[Sennior]

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

[IsmaelS.]

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/

[Sennior]

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.

[IsmaelS.]

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

[Sennior]

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.

[IsmaelS.]

Resolvido muito obrigado Sennior!

[Sennior]

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