Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Widgets no final do fórum
Hoje à(s) 5:10 por Lhs17

» Personalizar footer
Hoje à(s) 1:28 por iScroll

» Personalizar SCEditor
Hoje à(s) 1:10 por YouTube3

» Mudar pre-visualização do formulário
Hoje à(s) 1:09 por YouTube3

» Personalizar perfil
Hoje à(s) 1:06 por Eden

» Problemas para postar em ajax com avisos
Ontem à(s) 21:40 por Kyo Panda

» Ativação do formulário de postagem
Ontem à(s) 19:52 por Eduardo Lima

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
48 usuários online :: 1 usuário cadastrado, 1 Invisível e 46 Visitantes :: 1 Motor de busca

Admin Easy Cheats

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Modificar visual das Categorias

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

Resolvido Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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:


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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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/

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em Qua 26 Ago 2015 - 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 Qua 26 Ago 2015 - 1:07, editado 1 vez(es)

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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/

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 1:22

Continua na mesma amigo.

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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>

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 1:34

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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 1:40

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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 1:45

Mesmo assim amigo não ficou com o aspecto.

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 1:56

Continua na mesma amigo sem nada :/

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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"

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em Qua 26 Ago 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 14:52

Continua na mesma amigos sem efeito.

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Shek Crowley em Qua 26 Ago 2015 - 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: http://ajuda.forumeiros.com/t86027-elaborar-um-codigo-css

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

Até mais!


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15047
Pontos Ativos : 22219

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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:


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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Shek Crowley em Qua 26 Ago 2015 - 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>


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15047
Pontos Ativos : 22219

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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.

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Shek Crowley em Qua 26 Ago 2015 - 16:26

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


Seta Respeite as Regras gerais do fórum e conheça a nossa equipa.
Seta Veja a Lista de FAQs do seu Painel e Lista de tutoriais
Seta Ferramentas do Administrador
Seta Assinalar um Litígio


Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15047
Pontos Ativos : 22219

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 16:29

Mas como assim? Em que templates?

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em Qua 26 Ago 2015 - 18:24

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

No seu template index_box. Piscada

Cumprimentos.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 18:38

Sim mas como coloco para tudo ficar como no inicio?

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Fraise em Qua 26 Ago 2015 - 18:41

Olá,

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

Cumprimentos.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7155

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qua 26 Ago 2015 - 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?

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

  • 0

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qui 27 Ago 2015 - 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>

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em Qui 27 Ago 2015 - 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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qui 27 Ago 2015 - 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:


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

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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em Qui 27 Ago 2015 - 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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qui 27 Ago 2015 - 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/


IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em Qui 27 Ago 2015 - 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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qui 27 Ago 2015 - 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

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em Qui 27 Ago 2015 - 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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

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

Resolvido Re: Modificar visual das Categorias

Mensagem por IsmaelS. em Qui 27 Ago 2015 - 19:52

Resolvido muito obrigado Sennior!

IsmaelS.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2608
Pontos Ativos : 5087

http://suportedesign.forumeiros.com/

Resolvido Re: Modificar visual das Categorias

Mensagem por Sennior em Qui 27 Ago 2015 - 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.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22710

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5