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
» Perfil
Hoje à(s) 1:21 por Cannabis._.

» Ocultar widgets do tópico
Hoje à(s) 1:15 por weverson lopes

» Widget de top 5 usuários online
Hoje à(s) 0:43 por Luiz~

» Botões de perfil
Hoje à(s) 0:10 por BichodoMato

» Caracteres mínimos para responder um tópico
Ontem à(s) 23:36 por Kyo Panda

» Icones do sub forum
Ontem à(s) 23:18 por Luiz~

» Gestão das categorias do fórum
Ontem à(s) 23:07 por Luiz~

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

Gabriel_Gamer, Kyo Panda, Luiz~, MateusV., PESS_dodo, Rhuanzinho Pjl, santolaya_li, weverson lopes

[ Ver toda a lista ]


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

Java Ultimos Temas

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

Resolvido Java Ultimos Temas

Mensagem por giancamposm em Qui 8 Dez 2016 - 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: 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 Qui 15 Dez 2016 - 17:25, editado 1 vez(es)
avatar

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Shek Crowley em Sex 9 Dez 2016 - 13:52

Bom dia.

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


ShekAdmineiro - Fórum dos Fóruns
avatar

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15981
Pontos Ativos : 23563

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

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em Sex 9 Dez 2016 - 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
avatar

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em Sab 10 Dez 2016 - 17:41

up
avatar

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em Seg 12 Dez 2016 - 1:20

up
avatar

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em Ter 13 Dez 2016 - 15:00

up
avatar

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda em Ter 13 Dez 2016 - 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);
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3107
Pontos Ativos : 6405

http://ajuda.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em Qua 14 Dez 2016 - 16:04

É 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 : 1756

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda em Qua 14 Dez 2016 - 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);


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3107
Pontos Ativos : 6405

http://ajuda.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por giancamposm em Qui 15 Dez 2016 - 1:15

Funcionou perfeitamente! Pode fechar o tópico.
avatar

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

Mensagem por Kyo Panda em Qui 15 Dez 2016 - 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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3107
Pontos Ativos : 6405

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