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
» Botão neon resposta rapida
Hoje à(s) 3:07 por William_iHarDz

» Imagem de fundo no fórum
Hoje à(s) 2:51 por while

» Membro do mês
Hoje à(s) 2:42 por while

» Personalizar o menu
Hoje à(s) 2:09 por Cream

» Redução dos Ranks...
Hoje à(s) 1:58 por Sennior

» Personalizar legenda dos grupos
Hoje à(s) 1:57 por Cream

» Formulário de postagem
Hoje à(s) 1:45 por YouTube3

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
Nean
 
Cream
 
Apollo
 
while
 
Mr.Probz
 
idarkdg
 
Harleen
 
lavinnia
 
Sennior
 
William_iHarDz
 

Quem está conectado
89 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 82 Visitantes :: 2 Motores de busca

Harold C+, luuuiiiz, Mr.Probz, PrisoN†BreaK, Romulo Carvalho, while, William_iHarDz

[ Ver toda a lista ]


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

Informações no hover

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

Resolvido Informações no hover

Mensagem por Luiis_. em Dom 22 Nov 2015 - 22:05

Detalhes da questão


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

Descrição


Eae pessoal bom queria saber se vocês podem me ajudar neste efeito hover que quando passa o mause em cima dos forum das categorias aparece o numero de mensagens e topicos criado naquele forum

http://imgur.com/a4mWc21


O Efeito se encontra neste fórum : www.surcape.com

Até mais zen


Última edição por Luiis_. em Sab 28 Nov 2015 - 13:24, editado 1 vez(es)

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por Fraise em Seg 23 Nov 2015 - 3:21

Boa noite, Luis.

Consulte este tópico:
Seta http://ajuda.forumeiros.com/t102510-#713744

Até mais.
Fraise

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Informações no hover

Mensagem por Luiis_. em Seg 23 Nov 2015 - 21:02

Olá @Fraise

Bom usei os codigos mencionados pelo autor do topico que você me indico, não geriu nenhum efeito ela fico completamente normal como se não tivesse colocado nenhum efeito, vou deixar os codigos ativos ainda se caso precisar...

Até mais zen

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por Slurk em Ter 24 Nov 2015 - 11:39

Aqui está amigo um código JS que pode resultar;

Aceda o Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts

E crie uma nova página .JS, vamos em Investimento, marcar a opção No índice e colar o seguinte código:

Código:
jQuery(function(){jQuery('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display','none');jQuery('li.row').hover(function(){posts=jQuery(this).find('dd.posts').html();topics=jQuery(this).find('dd.topics').html();jQuery(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>'+topics+'</strong> Tópicos & <strong>'+posts+'</strong> Mensagens</span>');jQuery('.row_info').show(1000).css('display','inline')},function(){jQuery('.row_info').hide(1000).remove()})});

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 735

http://beststyle.forumeiros.com/

Resolvido Re: Informações no hover

Mensagem por JrMAFiA em Ter 24 Nov 2015 - 12:30

Deixe esse código e crie mais um JavaScript com este:
Código:
jQuery(function() {
    jQuery('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display', 'none');
    jQuery('li.row').hover(function() {
        posts = jQuery(this).find('dd.posts').html();
        topics = jQuery(this).find('dd.topics').html();
        jQuery(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>' + topics + '</strong> Tópicos & <strong>' + posts + '</strong> Mensagens</span>');
        jQuery('.row_info').show(1000).css('display', 'inline')
    }, function() {
        jQuery('.row_info').hide(1000).remove()
    })
});
Código:
jQuery(function() {
    jQuery('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display', 'none');
    jQuery('li.row').hover(function() {
        posts = jQuery(this).find('ul.forums').html();
        topics = jQuery(this).find('ul.topiclist').html();
        jQuery(this).find('a.forumtitle').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>' + topics + '</strong> Tópicos & <strong>' + posts + '</strong> Mensagens</span>');
        jQuery('.row_info').show(1000).css('display', 'inline')
    }, function() {
        jQuery('.row_info').hide(1000).remove()
    })
});

Lembrando que o primeiro código apenas deverá estar com o investimento No Índice e este Em todas as páginas.

Feliz

JrMAFiA
Usuário avançado

Masculino
Inscrito dia : 20/04/2015
Mensagens : 311
Pontos Ativos : 1056

Resolvido Re: Informações no hover

Mensagem por Luiis_. em Ter 24 Nov 2015 - 12:41

Olá rapazes

Utilizei o codigo dos dois que me indicarão mais infelizmente nenhum fez efeito.

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por MateusAnjosV em Ter 24 Nov 2015 - 17:48

Boa tarde Luis!

Antes de prosseguir com o seu suporte limitado, devo salientar que o seu fórum está ilegal perante as CGU. Recomendo urgentemente a busca pela ilegalidade disposta em seu fórum e que a corrija, pois, isso poderá acarretar na perda do seu fórum.



Quanto a sua questão, fiz este código javascript, apenas adicione-o e aplique no índice:
Código:
$(function(){
 $('.statused tr').each(function(){
 var dados = $(this).find('.tc3.col_stats').text();
 $(this).find('a.forumtitle').append('<div id="atalhosmateus" style="display: none;background: black;color: white !important;width: 140px; padding: 5px;border-radius: 100px;padding-left: 15px;position: relative;left: 28%;top: -20px  ">'+dados+'</div>')
 .mouseover(function(){
 $(this).find('#atalhosmateus').show();
 }).mouseleave(function(){
 $(this).find('#atalhosmateus').hide();
 });
 });

 
});

Ok? Atenciosamente,
MateusAnjos.


Última edição por MateusAnjosV em Ter 24 Nov 2015 - 21:39, editado 1 vez(es)

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1411
Pontos Ativos : 2314

http://ajuda.forumeiros.com/

Resolvido Re: Informações no hover

Mensagem por Luiis_. em Ter 24 Nov 2015 - 20:13

Olá matheus

Bom o codigo que você me passou funcionou, mais porem falta algumas partes que eu desejo

1 - No balãozinho, dentro da caixa de texto que aparece nele como nesta imagem http://imgur.com/t1q78o9

Eu queria deixar por Exemplo " 1 Tópico - 4 Respostas "

2 - Como retirar está parte http://imgur.com/9KxaXXD

3 - Fazer um efeito de transição quando passasse o mause em cima ele aparece com uma velocidade meio lenta.

Até mais zen


Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por Luiis_. em Qua 25 Nov 2015 - 20:38

@UP

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por Slurk em Qui 26 Nov 2015 - 13:03

amigo, peço que troque o codigo de nosso amigo Matheus, por este:

Código:
jQuery(function(){jQuery('table.table tbody.statused tr').mouseenter(function(){jQuery(this).find('.hover_stats').fadeIn('slow').animate({left:'290px'},200).animate({left:'300px'},200)});jQuery('table.table tbody.statused tr').mouseleave(function(){jQuery(this).find('.hover_stats').fadeOut('slow').animate({left:'300px'},200)})});

Quanto a sua 2° pergunta, necessitarei do seu template index_box

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 735

http://beststyle.forumeiros.com/

Resolvido Re: Informações no hover

Mensagem por Luiis_. em Qui 26 Nov 2015 - 18:57

Olá Tiupkit

Aqui está o index_box

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">
 <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"></td>
                                                <td class="tc3 col_stats">{catrow.forumrow.TOPICS} tópicos<br />{catrow.forumrow.POSTS} respostas</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 -->

O Codigo que você me passou não feiz nenhum efeito

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por Fraise em Sex 27 Nov 2015 - 1:55

Olá @Luiis_.,

De acordo com o ponto 6 do "Sub-Fóruns de atendimento" do regulamento do setor de suporte, só é permitida uma dúvida por tópico:
Seta Só é permitida uma dúvida por tópico nas seções, se houver dúvidas diferentes crie novos tópicos.

Pedimos que re-leia o nosso regulamento para evitar futuras penalizações.
Mais lhe informo que, o suporte ao seu tópico já não é limitado, porque a ilegalidade já foi corrigida, agradecemos imenso a sua colaboração.

Quanto à sua questão, poderia dizer-nos se está resolvida? É que aqui está tudo okay:

Seta http://i.imgur.com/0SZv4F5.png

Com os melhores cumprimentos.
Fraise


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7058

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Informações no hover

Mensagem por Slurk em Sex 27 Nov 2015 - 2:10

Perdão a demora senhor, agora que cheguei em casa,

Substitua seu template index_box 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">
 <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"></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 -->

Slurk
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 735

http://beststyle.forumeiros.com/

Resolvido Re: Informações no hover

Mensagem por Luiis_. em Sex 27 Nov 2015 - 18:19

Fiz uns negocio e saiu o q eu queria vlw pessoal mt obrigado pela ajuda

Luiis_.
Nível 8

Masculino
Inscrito dia : 12/07/2015
Mensagens : 123
Pontos Ativos : 640

http://...

Resolvido Re: Informações no hover

Mensagem por MateusAnjosV em Sab 28 Nov 2015 - 19:57

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1411
Pontos Ativos : 2314

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