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
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Ketholy123
 
Fou-Lu
 
Matt Shultz
 
Harleen
 
Shek
 
T1ag0
 
zHugh
 
APOllO
 

Quem está conectado
270 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 261 Visitantes :: 2 Motores de busca

APOllO, Fou-Lu, Heikki, Ketholy123, Luiz, Railison Ramon, Shek, soldado, VitorC.

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Modificação categorias

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

Resolvido Modificação categorias

Mensagem por Faeel em 03/03/15, 07:11 pm

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 03/03/15, 07:13 pm

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 03/03/15, 07:20 pm

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 03/03/15, 07:29 pm

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 04/03/15, 02:13 pm

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 04/03/15, 03:10 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 03:13 pm

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 04/03/15, 03:26 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 03:38 pm

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 04/03/15, 03:43 pm

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 04/03/15, 03:47 pm, editado 1 vez(es)
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 03:47 pm

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 04/03/15, 03:54 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 03:59 pm

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 04/03/15, 04:01 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 04:09 pm

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 04/03/15, 04:13 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 04:18 pm

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 04/03/15, 04:22 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 04:38 pm

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 04/03/15, 04:51 pm

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 04/03/15, 04:52 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 04:58 pm

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 04/03/15, 05:00 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 05:06 pm

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 04/03/15, 06:51 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 07:36 pm

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 04/03/15, 07:47 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 08:08 pm

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 04/03/15, 08:15 pm

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 : 5549
Pontos Ativos : 6948

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em 04/03/15, 08:18 pm

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 04/03/15, 08:20 pm

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5549
Pontos Ativos : 6948

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