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

Esqueci minha senha

Últimos assuntos
» Botões padrões tema pokemon
Hoje à(s) 08:22 pm por odelgado

» Fim do rodapé
Hoje à(s) 08:13 pm por PrisoN†BreaK

» Como consigo colocar sub-fóruns
Hoje à(s) 07:40 pm por Harleen

» Como remover a borda de uma tabela
Hoje à(s) 07:37 pm por Harleen

»  [TUTORIAL] Dupla Exposição
Hoje à(s) 07:33 pm por Tiger

» Comprar domínio antigo
Hoje à(s) 07:33 pm por dxmar74

» Como fazer sub entrada?
Hoje à(s) 07:31 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
301 usuários online :: 11 usuários cadastrados, Nenhum Invisível e 290 Visitantes :: 2 Motores de busca

APOllO, dxmar74, Fou-Lu, Holkis, IsmaelS., mrvisible, odelgado, PrisoN†BreaK, rlmac, Solkis, Tiger

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Java Ultimos Temas

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

Resolvido Java Ultimos Temas

Mensagem por giancamposm em 08/12/16, 12:31 pm

Detalhes da questão


Endereço do fórum: http://darkholerpg.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Alguns dias atrás eu solicitei uma ajuda para o widget de ultimos temas do meu fórum, depois de algum trabalho, funcionou perfeitamente.

Porém agora eu gostaria de acrescentar o efeito de que o scroll do dos 'ultimos temas' parecesse quando eu passar o mouse em cima. É possível?

Link da ultima solicitação: http://ajuda.forumeiros.com/t107481-ultimos-temas-no-forum

JavaScript que o Kyo Panda desenvolveu para que o widget funcionasse:

Código:
; (function ($) {
    'use script';
 
    $(function () {
        var parent;
 
        if ($('.cubonoti').length === 0) {
            return;
        }
 
        parent = $('.cubonoti').closest('tr').find('div:last').parent();
 
        parent
            .html('')
            .css('overflow', 'hidden');
 
        $('#comments_scroll_div .marquee')
            .marquee('destroy')
            .css('height', '180px')
            .appendTo(parent)
            .marquee();
    });
})(jQuery);

Desde já, grato.


Última edição por giancamposm em 15/12/16, 03:25 pm, editado 1 vez(es)
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Shek em 09/12/16, 11:52 am

Bom dia.

Poderia me fornecer o código da tabela como mencionou nesta mensagem?


ShekAdmineiro - Fórum dos Fóruns
Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16561
Pontos Ativos : 20891

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em 09/12/16, 12:12 pm

Segue o code:

Código:
              <div style="width:300px;height:300px;padding:30px;background:#0c0c0c;">
                                                                                                                                                                     
                  <table>
                                                                                                                                 
                    <tbody>
                                               
                        <tr>
                                                                                                                                       
                          <td>
                                                                                                                                           
                              <div class="cubonoti">
                                                                                                                                                                   
                                <div class="noticiastextito">
                                                <br /><br />                                          ULTIMAS <br /> Noticias             
                                </div>
                                                                                                                                                                               
                              </div>
                                                                                                                                                     
                          </td>
                                                                                                                                       
                          <td>
                                                                                                                                                     
                              <div style="width:180px;height:120px;padding:10px;background:#141414;">
                                                                                                                                                               
                                <div style=" margin-top:10px;letter-spacing: 1px;
  line-height: 100%;font-size:11px;font-family:arial;color:#fff;text-transform:uppercase;">
                                                                                            - 00/00/00 Apertura                                                                                     
                                </div>
                                                                                                                                                                                                         
                              </div>
                                                                                                                                                       
                          </td>
                                                                                                                                                     
                        </tr>
                                                                                                                                     
                    </tbody>
                                             
                  </table>
                                                                                                                     
                  <table>

Porém o Kyo não modificou o code da tabela, apenas a aplicação JavaScript
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em 10/12/16, 03:41 pm

up
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em 11/12/16, 11:20 pm

up
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em 13/12/16, 01:00 pm

up
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda em 13/12/16, 09:40 pm

O senhor diz parar a rolagem quando o ponteiro do rato passar por cima do texto rolante? Se sim, troque o script por esse:

Código:
/* globals jQuery */

(function($) {
    'use script';

    $(function() {
        var $container = $('.cubonoti');
        var $marquee = $('#comments_scroll_div .marquee');

        if ($container.length === 0 || $marquee.length === 0) {
            return;
        }

        var $parent = $container.closest('tr').find('div:last').parent();

        $parent
            .attr('id', 'comments-marquee')
            .html('')
            .css('overflow', 'hidden');

        $marquee
            .marquee('destroy')
            .css('height', '180px')
            .appendTo($parent)
            .marquee();

        $marquee.on('hover', function() {
            $marquee.marquee('pause');
        }, function() {
            $marquee.marquee('resume');
        });
    });
})(jQuery);
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3814
Pontos Ativos : 5039

http://ajuda.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em 14/12/16, 02:04 pm

É exatamente isso Kyo. Eu coloquei o script acima, porém o efeito de parar o texto rolante não funcionou.
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda em 14/12/16, 08:59 pm

Tente trocar por esse:

Código:
/* globals jQuery */

(function($) {
    'use strict';

    $(function() {
        var $container = $('.cubonoti');

        if ($container.length === 0) {
            return;
        }

        var $marquee = $('#comments_scroll_div .marquee');

        if ($marquee.length === 0) {
            return;
        }

        var $parent = $container.closest('tr').find('div:last').parent();

        $parent
            .attr('id', 'comments-marquee')
            .html('')
            .css('overflow', 'hidden');

        $marquee = $marquee
            .marquee('destroy')
            .css('height', '180px')
            .appendTo($parent)
            .marquee();

        $marquee.hover(function() {
            $marquee.marquee('pause');
        }, function() {
            $marquee.marquee('resume');
        });
    });
})(jQuery);
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3814
Pontos Ativos : 5039

http://ajuda.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em 14/12/16, 11:15 pm

Funcionou perfeitamente! Pode fechar o tópico.
avatar

giancamposm
Nível 7

Masculino
Inscrito dia : 11/11/2012
Mensagens : 81
Pontos Ativos : 127

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda em 15/12/16, 08:09 pm

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

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3814
Pontos Ativos : 5039

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