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
» Sistema de pré-visualizar em HTML
Hoje à(s) 16:09 por while

» Redução dos Ranks...
Hoje à(s) 16:07 por SyraoN_

» Gerir ícone para niveis inferiores
Hoje à(s) 15:42 por while

» Icones Nova mensagem e nemhuma mensagem
Hoje à(s) 15:11 por GollD

» [PEDIDO] Ícone "Enquete"
Hoje à(s) 14:37 por GollD

» [PEDIDO] Banner
Hoje à(s) 13:59 por idarkdg

» A Propaganda está no lugar errado
Hoje à(s) 5:01 por Bluue_Br

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
while
 
Cream
 
Shek
 
Holkis
 
PrisoN†BreaK
 
IsmaelS.
 
Ana Leandro
 
Sennior
 
Cepheus
 
YouTube3
 

Quem está conectado
100 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 96 Visitantes :: 2 Motores de busca

Burnquist, Connor R., IsmaelS., while

[ 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 : 700

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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)

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

  • 0

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki em Ter 10 Mar 2015 - 20:05

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

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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

Hakuouki
Principal contribuidor
Principal contribuidor

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

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

Resolvido Re: Efeito nos sub-fóruns

Mensagem por Hakuouki 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.

Hakuouki
Principal contribuidor
Principal contribuidor

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

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