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

Esqueci minha senha

Últimos assuntos
» Widget Ultimos assuntos
Hoje à(s) 14:56 por iScroll

» Adicionar crumbs
Hoje à(s) 14:48 por Kyo Panda

» Painel moderativo para moderadores
Hoje à(s) 14:47 por Kyo Panda

» Sub-menu de login
Hoje à(s) 13:59 por iScroll

» Dúvida quanto ao setor de divulgação
Hoje à(s) 13:42 por Luiz

» Quadrado no post
Hoje à(s) 13:40 por Kyo Panda

» Widget novidades não funciona
Hoje à(s) 13:07 por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
259 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 249 Visitantes :: 2 Motores de busca

Carlos Rodrigues, Connor R., Herbert Silva, iScroll, IsmaelS., Ketholy123, Kyo Panda, LeoziN_WallkeR, Lost154, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/2009, 13:05

Modificação categorias

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

Resolvido Modificação categorias

Mensagem por Faeel em 3/3/2015, 19:11

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :
Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://teste98.forumeiros.com

Descrição do problema

Olá!

gostaria de deixar minhas categorias igual ao da imagem, porem com a barra vermelha.

Até!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Sennior em 3/3/2015, 19:13

Saudações! Muito feliz

Adicione o código abaixo no INICIO de teu CSS:
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.

Adicione no conteúdo:
Código:
div.main div.main-head {
background-color: #000!important;
border-bottom: 3px solid red!important;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #2A80B9;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}

Salve e Visualize seu fórum. Piscada
Melhores cumprimentos,
Sennior. De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificação categorias

Mensagem por Faeel em 3/3/2015, 19:20

Olá!

levei o concelho de um amigão meu Rindo , pedirei que não seja igual, que Ajudadeiros por favor façam um código para mim que seja do mesmo tipo, porem diferente.

Agradeço!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Sennior em 3/3/2015, 19:29

Ué amigo... Mas então como deseja? Uma cor diferente no fundo preto?
Código:
div.main div.main-head {
background-color: #000!important;
border-bottom: 3px solid red!important;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 14:13

Já que o senhor esta fazendo, deixe assim: http://prntscr.com/6cnad1

Até!

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 15:10

Saudações Faeel!

Poderia nos indicar o link do fórum que viu este efeito nas categorias? Ficará mais fácil de fazer exatamente igual, assim como deseja. Positivo

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 15:13

Olá!

a imagem foi editada no paint, porem me baseei no fórum da bestskins.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 15:26

Saudações!

Aqui está o código(substitua por todos fornecidos neste tópico):
Código:
#content .main .main-foot, #content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #FF0000;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}
.pun table.table h3 {
font-family: Cuprum;
font-size: 1.2em;
}
.statused .tcl h3 {
margin-left: 42px;
}
.pun a:visited {
color: #2f2f2f;
}
.pun a:link {
color: #2f2f2f;
}
.pun a:hover {
color: #5874a3;
}
.pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}
.pun table.table {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
}
.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}
.stats_number {
color: #BBB;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.stats_text {
color: #d1d1d1;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
a:link {
text-decoration: none;
}

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 15:38

Olá!

gostaria que ficasse mais ou menos assim, http://prntscr.com/6cohs4

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 15:43

Saudações!

Acrescente ao código anterior este outro:
Código:
th.tc3 {
background-color: transparent !important;
}
.pun table.table th.tcl {
padding-left: .5em;
font-size: 0 !important;
background-color: transparent !important;
}
.pun table.table tr:nth-child(odd) {
background: #f7f7f7;
}
th.tcr, th.tc2 {
display: none !important;
}
Depois disto, aceda à: Painel de Controle >> Visualização >> Templates >> Geral > index_box

Até! Muito feliz


Última edição por Hakuouki em 4/3/2015, 15:47, editado 1 vez(es)
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 15:47

Coloquei na css.

Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<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>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </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">{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="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</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>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 15:54

Peço desculpas, mas esqueci de alguns outros códigos que faram diferença nos detalhes. Peço que substitua o CSS fornecido em minha mensagem anterior, por este outro:
Código:
thead {
display: none !important;
}
th.tc3 {
background-color: transparent !important;
}
.pun table.table th.tcl {
padding-left: .5em;
font-size: 0 !important;
background-color: transparent !important;
}
.pun table.table tr:nth-child(odd) {
background: #f7f7f7;
}
th.tcr, th.tc2 {
display: none !important;
}

E a tua index_box, substitua por esta, salve e depois publique:
Código:
<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<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>
              <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </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">{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="tc2"><span class="stats_number">{catrow.forumrow.TOPICS}</span><span class="stats_text">Tópicos</span></td>
                  <td class="tc3"><span class="stats_number">{catrow.forumrow.POSTS}</span><span class="stats_text">respostas</span></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>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 15:59

Olá!

aumente um pouco a tonalidade aqui na área marcada http://prntscr.com/6cotct

e de um hover que de pouca diferença na categoria.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 16:01

Aqui está o código:
Código:
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #EAEAEA !important;
}
Altere o valor "#EAEAEA" até ficar ao teu gosto! Muito feliz

O hover já está incluso, só não aparece porque você só tem um fórum. Experimente criar mais dois fóruns na primeira categoria e terá o efeito! Positivo

Att Rosa
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 16:09

Olá!

poderia fazer um linha no meio, com pouca diferença do fundo.


Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 16:13

Acrescente este CSS junto aos demais:
Código:
td.tc2 {
border-right: 1px solid rgb(179, 179, 179) !important;
}

Att
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 16:18

Uma cor mais fraca, e um hover sem muita diferença.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 16:22

O hover já falei para o senhor criar mais dois fóruns na primeira categoria para que possa visualizar a diferença do hover em cada fórum. Pensativo
Exemplo: Fórum 1 - Claro
Fórum 2 - Escuro
Fórum 3 - Claro
Fórum 4 - Escuro

Compreende? Quanto a borda, substitua por este:
Código:
td.tc2 {
border-right: 1px solid #DDDDDD!important;
}
Altere o valor "#DDDDDD" até ficar ao teu gosto amigo! Positivo

Att zen
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 16:38

Olá!

gostaria do hover quando passar o mouse, entende-me?

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Sennior em 4/3/2015, 16:51

Assim?
Código:
.pun table.table tr:nth-child(odd):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20790

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique
  • 0

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 16:52

Aqui está:
Código:
.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {
background-color: #cor !important;
}

Modifique "#cor" para a cor em hexadecimal ou pelo próprio nome da cor em inglês, como por exemplo:
Código:
white
black
blue
green

Exemplos de cores em hexadecimais:
Código:
#FFFFFF - Branco
#000000 - Preto

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 16:58

Sennior escreveu:Assim?
Código:
.pun table.table tr:nth-child(odd):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}

Até mais.
@Sennior seu código aqui não funcionou na segunda categoria dos sub-fóruns.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com
  • 0

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 17:00

Para a segunda, que pulará para a quarta e assim em diante(sendo números pares), será este código:
Código:
.pun table.table tr:nth-child(even):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}

Já o outro código fornecido pelo o @Sennior mantenha, pois ele é respectivamente referente aos números impares, ou seja, do um pulará para o três e assim em diante!

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 17:06

Olá!

O texto, respostas e visualização não esta aparecendo. E o efeito das categorias não resultou nos Widgets.

http://prntscr.com/6cpuwc

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 18:51

Exclua todos os códigos fornecidos neste tópico e adicione este no início da mesma:
Código:
.pun table.table tr:nth-child(even) {
background: #f2f2f2;
}
.pun table.table tr:nth-child(even):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
.pun table.table tr:nth-child(odd) {
background: #f7f7f7;
}
.pun table.table tr:nth-child(odd):hover {
background: rgb(239, 239, 239);
transition: background-color .5s;
}
thead {
display: none !important;
}
th.tc3 {
background-color: transparent !important;
}
.pun table.table th.tcl {
padding-left: .5em;
font-size: 0 !important;
background-color: transparent !important;
}
th.tcr, th.tc2 {
display: none !important;
}
td.tc2 {
border-right: 1px solid #DDDDDD!important;
}
#content .main .main-foot, #content .main .main-head {
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
background: #22242D;
border-bottom: 3px solid #FF0000;
box-shadow: 0 1px 2px rgba(0,0,0,0.5);
min-height: 18px;
padding: 10px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
.main .main-head .page-title h2 {
font-family: Cuprum;
font-size: 15px;
font-weight: 700;
}
.pun table.table h3 {
font-family: Cuprum;
font-size: 1.2em;
}
.statused .tcl h3 {
margin-left: 42px;
}
.pun a:visited {
color: #2f2f2f;
}
.pun a:link {
color: #2f2f2f;
}
.pun a:hover {
color: #5874a3;
}
.pun table.table td {
background: transparent;
border: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
color: #777;
}
.pun table.table {
background: #fafafa;
border: 1px solid #eaeaea;
border-collapse: separate;
}
.main .main-content {
-moz-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 4px;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: rgba(0,0,0,0.1) 0 0 4px;
margin: 5px 0;
padding: 6px;
}
.stats_number {
color: #BBB;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
overflow: hidden;
position: relative;
text-align: center;
}
.stats_text {
color: #d1d1d1;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
text-transform: uppercase;
}
a:link {
text-decoration: none;
}
Feito isto, salve! Muito feliz

Agora para adicionar "respostas" e "visto" nos fóruns/sub-fóruns, aceda à: Painel de Controle >> Visualização >> Templates >> Geral > topics_list_box
Mande-me todo o conteúdo deste local! Positivo

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 19:36

Alterei o código css e não resultou Triste

Aqui esta o template.

Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
         var all_checked = true;
         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
         }
         }
         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
         }
         }
      }
      </script>
   <!-- END multi_selection -->

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
   </div>

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /   >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
               <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
            {topics_list_box.row.TOPIC_TYPE}&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
            {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
         </td>
         <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
         <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
         <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

                {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
         <!-- BEGIN multi_selection -->
         <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
         <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
   </div>
   <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 19:47

Acalma-te amigão! Rindo

Na edição do template, o que deseja já irá aparecer! OK

Substitua por este:
Código:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
      }
      </script>
  <!-- END multi_selection -->

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2"><span class="stats_number">{topics_list_box.row.L_REPLIES}</span><span class="stats_text">respostas</span></th>
            <th class="tc3"><span class="stats_number">{topics_list_box.row.L_VIEWS}</span><span class="stats_text">visto</span></th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
  <!-- BEGIN table_sticky -->
      </tbody>
  </table>
  </div>

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /  >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2"><span class="stats_number">{topics_list_box.row.topic.table_sticky.L_REPLIES}</span><span class="stats_text">respostas</span></th>
            <th class="tc3"><span class="stats_number">{topics_list_box.row.topic.table_sticky.L_VIEWS}</span><span class="stats_text">visto</span></th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
  <!-- END table_sticky -->
      <tr>
        <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
              <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
            {topics_list_box.row.TOPIC_TYPE}&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
            {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
        </td>
        <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><span class="stats_number">{topics_list_box.row.REPLIES}</span><span class="stats_text">respostas</span></td>
        <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->"><span class="stats_number">{topics_list_box.row.VIEWS}</span><span class="stats_text">visto</span></td>
        <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

                {topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
            </td>
        <!-- BEGIN multi_selection -->
        <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
        <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
  <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
  </table>
  </div>
  <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
        <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
  </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
Salve e publique-o! zen

Até! Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 20:08

Agora sim mudou Feliz

mas gostaria que tivesse a mesma moldura das categorias nos Widgets.

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 20:15

Olá novamente!

De acordo com as regras do Fórum dos Fóruns e espero que o senhor esteja ciente, não é permitido cessar duas questões num mesmo tópico! Peço que crie um novo tópico para que eu possa lhe ajudar!

Posso finalizar este tópico? Pensativo

Atenciosamente,
Hakuouki Muito feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em 4/3/2015, 20:18

Olá amigo,

no código que o @Sennior ávia disponibilizado deu o efeito nas categorias e nos Widgets, acho que é o mesmo assunto isso, não? se não for, por favor feche o tópico e marque como resolvido! Feliz

Faeel
Usuário avançado

Masculino
Inscrito dia : 27/03/2014
Mensagens : 400
Pontos Ativos : 606

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Gaaratsu em 4/3/2015, 20:20

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5542
Pontos Ativos : 6937

Ver perfil do usuário http://narutongo.forumeiros.com/

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