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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Mesmo tema da versão móvel
Hoje à(s) 0:10 por Shek Crowley

» Perfil com foto de capa como no facebook
Hoje à(s) 0:08 por Shek Crowley

» [Logo] Pássaros
Ontem à(s) 23:28 por P.H

» Postar em ajax com avisos
Ontem à(s) 22:36 por Lineshooter

» Postagem com capa
Ontem à(s) 22:13 por Shek Crowley

» Criar tags BBcode
Ontem à(s) 22:02 por Shek Crowley

» Entrada do tipo A para domínio HostGator
Ontem à(s) 21:26 por Shek Crowley

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
72 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 70 Visitantes :: 2 Motores de busca

P.H, Shek Crowley

[ Ver toda a lista ]


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

Efeito nos sub-fóruns

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

Resolvido Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 13:40

Detalhes da dúvida


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

Membros afetados : Todos os membros do fórum
Problema começou : Sempre
Endereço do fórum : http://somosmarketing.forumeiros.com/

Descrição do problema

Olá,

Gostaria de saber se é possível que me passem o efeito circulado na imagem para que possa inserir no meu fórum.

Até, Estilo cool

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 14:23

Saudações!

Queira checar por gentileza: :seta2: [TUTORIAL] Visualizar informações de sub fóruns em modo hover
:seta2: [TUTORIAL] Tópicos e mensagens em modo hover
:seta2: [TUTORIAL] Tópicos e mensagens em modo hover (PhpBB3)

Tópico movido de "Questões sobre JavaScript & jQuery" para "Questões sobre HTML & BBCode"

Até! Muito feliz


Última edição por Hakuouki em Ter 10 Mar - 15:11, editado 1 vez(es) (Razão : Modificar um erro)

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 14:38

Olá,

Já havia tentado a vir utilizar tais tutoriais, nenhum vei da dar resultados, porém tenho interesse neste em especial, poderia me ajudar? Mostrando a lingua

http://ajuda.forumeiros.com/t71749-tutorial-visualizar-informacoes-de-sub-foruns-em-modo-hover

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 14:41

Poderia sim! Mas em que exatamente? No tutorial ensina todos os passos para as implementações dos códigos. Tonto

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 14:42

Sim amigo, mas no caso me refiro que o código de certa forma não veio a ser funcional no meu fórum, talvez pelas mudanças já efetuadas. Em choque

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 14:53

Certo! Tens o endereço do fórum mostrado na tua print-screen para eu averiguar?

Até! Feliz

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 15:02

Aqui está amigo. http://www.wasd.in/forum Estilo cool

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

  • 0

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 15:10

Saudações amigo!

Me responda uma coisa, o teu template index_box é modificado? Caso não seja, substitua-o por este:
Código:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</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"></th>
<th class="tc3"></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}>
                    <div class="hover_stats"><img src="http://www.ggames.com.br/forum/public/style_images/baisik/hover_stats_arrow.gif" alt="" class="stats_arrow"><div class="idx_stats">Temos <b>{catrow.forumrow.TOPICS}</b> topicos e <b>{catrow.forumrow.POSTS}</b> mensagens </div></div>
 <br />
                    <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"></td>
<td class="tc3"></td>
<td class="tcr">
                    <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}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
Caminho: CPainel >> Visualização >> Templates > Geral >>> index_box
Salve e volte para publicar o template!

Depois em: CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS

Adicione este código no inicio da mesma:
Código:
tr:hover .hover_stats {
display: inline;
}
.hover_stats {
display: none;
position: absolute;
}
.stats_arrow {
margin-left: 5px;
margin-right: -1px;
position: relative;
margin-top: -1px;
}
.idx_stats {
background: #424242;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 3px 5px;
display: inline;
}

Até! Feliz

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 15:23

Sim o mesmo possui algumas modificações veja.
Código:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head mybb">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-left: {catrow.forumrow.INC_LEVEL_LEFT}; 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 />
                                                  <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                     <!-- 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"></td>
                  <td class="tc3">
                                                  <p id="catrow"> <span>{catrow.forumrow.TOPICS} </span> Tópicos</p>
                                                  <p id="catrow"> <span>{catrow.forumrow.POSTS} </span> Respostas</p></td>
                  <td class="tcr">
                                                  <span>
                                                  <!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
                     <!-- BEGIN switch_topic_title -->
                                                    <span>
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
  </div><br/>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 15:41

Substitua por este:
Código:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head mybb">
         <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"></th>
<th class="tc3"></th>
<th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-left: {catrow.forumrow.INC_LEVEL_LEFT}; 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}>
                     <div class="hover_stats"><img src="http://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" alt="" class="stats_arrow"><div class="idx_stats">Temos <b>{catrow.forumrow.TOPICS}</b> topicos e <b>{catrow.forumrow.POSTS}</b> mensagens </div></div>
 <br />
                    <br />
                                                  <div class="desc_forum_cat_row">{catrow.forumrow.FORUM_DESC}</div>
                     <!-- 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"></td>
                  <td class="tc3">
                                                  <p id="catrow"> <span>{catrow.forumrow.TOPICS} </span> Tópicos</p>
                                                   <p id="catrow"> <span>{catrow.forumrow.POSTS} </span> Respostas</p></td>
                  <td class="tcr">
                                                  <span>
                                                  <!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
                     <!-- BEGIN switch_topic_title -->
                                                    <span>
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
  </div><br/>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>
Eu mantive o teu template, apenas adicionei algumas div com as classes do código CSS, okay? Positivo

Até! Feliz

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 15:58

Olá,

Gostaria de saber se séria possível se poderia fazer a mudança demonstrada na imagem, movendo a parte circulada para a demonstrada, pois com a alteração do template ocorrerão algumas mudanças no design das sub-categorias, assim tive que efetuar modificações via css porém ao efetua-las para corrigi os erros do template, assim seria possível essa pequena mudanças?

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 16:05

Não entendi... você quer mover o hover para o lado direito, é isto? Tonto

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 16:13

Não gostaria de mover o "tr td" para a direita, pois com a sua mudança via template acabou retirando alguns efeitos inseridos nas categorias , ai ocultei algumas coisas e fiz mudanças, porém acabou movendo muito o "tr td" do fórum, somente gostaria de mover-lo para o local original.

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 16:36

Adicione no inicio da tua CSS o seguinte código:
Código:
td.tcr {
position: relative !important;
left: 200px !important;
}
Personalize o valor "200" diminuindo ou aumentando, até ficar ao teu gosto! Positivo

Até! Feliz

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar - 16:46

Agora sim, Obrigado! Rindo

Zoldyck
Nível 6

Masculino
Inscrito dia : 30/01/2015
Mensagens : 71
Pontos Ativos : 774

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar - 17:13

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

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5535
Pontos Ativos : 9243

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
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