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
Login

Esqueci minha senha

Últimos assuntos
» Pinta ícone
Hoje à(s) 4:48 por Smoke.xX

» Remover ver mensagens
Hoje à(s) 3:10 por while

» Borda no rank de adms
Hoje à(s) 3:07 por while

» Novo tópico sem Refresh
Hoje à(s) 1:59 por iScroll

» Ajuda com Botão Curtir
Hoje à(s) 1:54 por TZero

» Alterar espaçamento entre tópicos e alterar posições dos respectivos titulos
Hoje à(s) 0:41 por Kyou

» Personalizar a barra de menu
Ontem à(s) 23:06 por Cepheus

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
fiapinho
 
while
 
Kyou
 
Smoke.xX
 
w204
 
Holkis
 
TZero
 
iScroll
 

Quem está conectado
225 usuários online :: Nenhum usuário registrado, 1 Invisível e 224 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15: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 2015 - 17: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 : 848

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 18: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 2015 - 19:11, editado 1 vez(es) (Razão : Modificar um erro)

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 18: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 : 848

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 18: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 : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 18: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 : 848

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 18: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 : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 19: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 : 848

  • 0

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 19: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 : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 19: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 : 848

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 19: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 : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 19: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 : 848

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 20: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 : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 20: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 : 848

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 20: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 : 5541
Pontos Ativos : 9325

http://narutongo.forumeiros.com/

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Zoldyck em Ter 10 Mar 2015 - 20:46

Agora sim, Obrigado! Rindo

Zoldyck
Nível 6

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Gaaratsu em Ter 10 Mar 2015 - 21: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 : 5541
Pontos Ativos : 9325

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