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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Assinatura em baixo do perfil
Hoje à(s) 15:56 por DD15Ӽ

» Desativar sistema de enquete (pergunta / votação)
Hoje à(s) 14:36 por Kyo Panda

» Quem você mais admira no Fórum dos Fóruns?
Hoje à(s) 14:27 por David Sousa

» Personalizar SCeditor
Hoje à(s) 13:35 por Vinicius Reis

» Personalizar Menu
Hoje à(s) 13:33 por YouTube3

» Perfil nos Topico
Hoje à(s) 10:36 por Kyo Panda

» Redimensionamento de imagem
Hoje à(s) 10:18 por Kyo Panda

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Magazine 2016
Participe da pesquisa de satisfação 2016 e dê sua opinião sobre os diversos serviços de Forumeiros.
Parceiros Forumeiros
Quem está conectado
186 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 180 Visitantes :: 1 Motor de busca

DD15Ӽ, giancamposm, Luiz~, Maori, Troubleshoot, xBreninho_.

[ 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)

giancamposm
Nível 7

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

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?


Atenciosamente,
Shek Crowley - Gerente voluntário de comunidade
A serviço de FORUMEIROS.com
Site: www.forumeiros.com
Contato: suporte:@:shiftactif.com

Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15403
Pontos Ativos : 22740

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

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

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

up

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

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

up

giancamposm
Nível 7

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

http://darkholerpg.forumeiros.com

Resolvido Re: Java Ultimos Temas

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

up

giancamposm
Nível 7

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

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

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1915
Pontos Ativos : 4595

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.

giancamposm
Nível 7

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

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

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1915
Pontos Ativos : 4595

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.

giancamposm
Nível 7

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

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.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1915
Pontos Ativos : 4595

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