Java Ultimos Temas

3 participantes

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

Tópico resolvido Java Ultimos Temas

Mensagem por giancamposm 08.12.16 14:31

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: https://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 17:25, editado 1 vez(es)
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Java Ultimos Temas

Mensagem por Shek 09.12.16 13:52

Bom dia.

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por giancamposm 09.12.16 14:12

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
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por giancamposm 10.12.16 17:41

up
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por giancamposm 12.12.16 1:20

up
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por giancamposm 13.12.16 15:00

up
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda 13.12.16 23:40

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);
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por giancamposm 14.12.16 16:04

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

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda 14.12.16 22:59

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);
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por giancamposm 15.12.16 1:15

Funcionou perfeitamente! Pode fechar o tópico.
giancamposm

giancamposm
**

Membro desde : 11/11/2012
Mensagens : 81
Pontos : 127

http://darkholerpg.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda 15.12.16 22:09

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

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos