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

Agosto 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
» Gerir novo campo no perfil
Hoje à(s) 4:14 por while

» Nome e Titulo do Rank acima do Avatar
Hoje à(s) 4:10 por while

» Glitter Automático
Hoje à(s) 3:08 por while

» Alterar botões de ação no tópico
Hoje à(s) 2:54 por while

» Efeito hover na descrição
Hoje à(s) 2:51 por while

» Personalizar topo do fórum
Hoje à(s) 2:47 por while

» Como centralizar e separar os ícones dos tópicos
Hoje à(s) 2:35 por while

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
Sennior
 
Nogueira SSA
 
GollD
 
Maori
 

Quem está conectado
76 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 71 Visitantes :: 2 Motores de busca

GollD, luuuiiiz, Southier, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 Ter 3 Mar 2015 - 22: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Sennior em Ter 3 Mar 2015 - 22: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


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 : 15966
Pontos Ativos : 22313

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em Ter 3 Mar 2015 - 22: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Sennior em Ter 3 Mar 2015 - 22: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.


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 : 15966
Pontos Ativos : 22313

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

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 17: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 18: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 18: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 18: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 18: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 18: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 Qua 4 Mar 2015 - 18:47, editado 1 vez(es)

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 18: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 18: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 18: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 19: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 19: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 19:13

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

Att

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 19: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 19: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 19: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Sennior em Qua 4 Mar 2015 - 19:51

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

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 : 15966
Pontos Ativos : 22313

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

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 19: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 19: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 : 1524

http://ajuda.forumeiros.com
  • 0

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 20: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 20: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 21: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 22: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 22: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 23: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 23: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

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.forumeiros.com/

Resolvido Re: Modificação categorias

Mensagem por Faeel em Qua 4 Mar 2015 - 23: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 : 1524

http://ajuda.forumeiros.com

Resolvido Re: Modificação categorias

Mensagem por Hakuouki em Qua 4 Mar 2015 - 23: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.

Hakuouki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5485
Pontos Ativos : 9095

http://ajuda.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
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