Modo hover na descrição de um fórum

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

Resolvido Modo hover na descrição de um fórum

Mensagem por jhojhows em 17/12/17, 11:33 am

Detalhes da questão


Endereço do fórum: http://brasilgameeliterpg.forumeiros.com/
Versão do fórum: PunBB

Descrição


Eu vi esse sistema em um forum, eu queria colocar no meu, quando vc passa o mouse ele abre mais conteudo que tem
link que te manda para outro tópico como ta na imagem abaixo.

olha aqui:

Spoiler:

Eu agradeço se alguem me ajuda!!!
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por Pedxz em 17/12/17, 12:03 pm

Poderia passar o link do forum onde viu isso? Pff
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 17/12/17, 12:05 pm

avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por iScroll em 18/12/17, 03:58 pm

Isso é simples.
Vá no painel de controle > geral > categorias e fóruns.
Escolha um fórum e adicione isso na descrição: http://prntscr.com/hp70o3
Código:
<div class="modo"> Texto </div>

Após isso adicione no CSS:
Código:
.modo {
display: none;
}
.modo:hover {
display: block;
}[code][/code]
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1637
Pontos Ativos : 2219

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 18/12/17, 04:14 pm

nao foi

avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por iScroll em 18/12/17, 04:27 pm

Poderia me informar em qual fórum o senhor adicionou o código acima?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1637
Pontos Ativos : 2219

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 18/12/17, 04:28 pm

avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por iScroll em 18/12/17, 04:28 pm

Eu quis dizer qual sub-forum kkkkk
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1637
Pontos Ativos : 2219

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 18/12/17, 04:31 pm

Manuais das Organizações >Oficiais da Justiça. aki kkkkk
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 20/12/17, 10:50 pm

alguem me ajuda pfv??
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por Pedxz em 21/12/17, 04:31 pm

Poderia ativar os links, nos sub fóruns?

Assim como apresentado do primeiro print apresentado.
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 21/12/17, 04:35 pm

como assim, meda uma dica Primeiro
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por Pedxz em 21/12/17, 04:38 pm

Entre no painel admin vá em Visualização > Página inicial > Estrutura e hierarquia e marque sim na opção Link para os níveis inferiores e séria mais fácil fazer o css se não amostra-se os moderadores dos grupos.
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 21/12/17, 04:50 pm

fico estranho não fico igual do Brasil Play Games

Spoiler:
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por Pedxz em 21/12/17, 06:11 pm

Sim, sim eu sei.

Agora preciso que você me passe o seu topics_list_box, template
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 564
Pontos Ativos : 785

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 21/12/17, 06:36 pm

ta ae

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

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 22/12/17, 09:33 am

É só isso que precisa?
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 25/12/17, 09:27 am

Alguém me ajuda se tópico pfv???
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por while em 27/12/17, 09:34 pm

Isso é mais fácil do que se imagina...

Acesse:

Painel de Controle -> Geral -> Categorias e Foruns

Clique para configurar um fórum de uma determinada categoria, após isso em descrição você adiciona isso:

Código:
<div class="deschover"> -> Grupo </div>

Então salve e pronto. Tá finalizado o passo 1...

O passo 2 vai ser adicionar um código na folha de estilo css... acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" Folha de estilo css

E adicione esse código:

Código:
.deschover {
display: none;
}
.deschover:hover {
display: block;
}

E salve. Pronto...

Cordialmente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4694

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por jhojhows em 28/12/17, 01:14 am

não funcionou
avatar

jhojhows
Nível 5

Masculino
Inscrito dia : 15/12/2017
Mensagens : 54
Pontos Ativos : 77

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

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por while em 28/12/17, 10:03 pm

Veja como funciona no fórum que deu como exemplo:

É como te falei... o mesmo esquema, coloque na descrição do fórum/categoria desejada o tal efeito assim:

Código:
<div id="modo" style="float: center; width: 100%;">
                    <a href="http://forum.brasilplaygames.com.br/f32-governo" class="postlink"><span style="color: rgb(0, 20,99);"><strong>→ </strong></span><span style="color: rgb(0, 111, 255);"><strong>Governo</strong></span></a><br />  <a href="http://forum.brasilplaygames.com.br/f36-samu" class="postlink"><span style="color: rgb(0, 20,99);"><strong>→ </strong></span><span style="color: rgb(0, 111, 255);"><strong>Médicos</strong></span></a><br /> <a href="http://forum.brasilplaygames.com.br/f17-policia-militar" class="postlink"><span style="color: rgb(0, 20,99);"><strong>→ </strong></span><span style="color: rgb(0, 111, 255);"><strong>Polícia Militar</strong></span></a><br /> <a href="http://forum.brasilplaygames.com.br/f19-policia-civil" class="postlink"><span style="color: rgb(0, 20,99);"><strong>→ </strong></span><span style="color: rgb(0, 111, 255);"><strong>Polícia Civil</strong></span></a>

E na folha de estilo css poe isso e salve:

Código:
#modo {
    display: none;
}
#modo:hover {
display: block!important;
}
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3217
Pontos Ativos : 4694

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Modo hover na descrição de um fórum

Mensagem por Ketholy em 05/01/18, 01:43 am

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1176
Pontos Ativos : 1386

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum