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

Esqueci minha senha

Últimos assuntos
» Imagem AVATAR
Hoje à(s) 03:19 pm por cheephard

» Logo Forum
Hoje à(s) 03:16 pm por cheephard

» Botões de mensagens estilo natalício
Hoje à(s) 03:11 pm por Holkis

» Temas Temporários
Hoje à(s) 02:54 pm por banzé

» Bloquear ícones nas mensagens privadas
Hoje à(s) 02:26 pm por Ketholy

» Caixa de busca desalinhado
Hoje à(s) 02:08 pm por Eduardo Lima

» Criar um dropdown do usuário ao clicar em perfil
Hoje à(s) 01:54 pm por Ketholy

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

banzé, beoowulf, cheephard, Connor R., Gaaratsu, Holkis, James Watts, Jeckwilke, Ketholy, LucasPofahl, Luiz, MatiasReis123, paulim78, ranzatti, Shek, uilya

[ Ver toda a lista ]


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

Neve para ModerNBB

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

Resolvido Neve para ModerNBB

Mensagem por iScroll em 13/11/17, 10:04 pm

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: Invision

Descrição


Gostaria de um script que fizesse neve cair no fórum só que algo não muito demorado e não muito rápido, que não causasse problema de conexões no fórum nem erros nos scripts como estou tendo problema com os demais que peguei.

Seria possível a realização de tal script sem sair do escopo do trabalho dos moderadores do FdF?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 13/11/17, 10:07 pm

A forma mais performática de fazê-lo é com um gif de bolinha de neves da forma como o senhor deseja.
O senhor pode providenciar este gif?

Note que não posso pensar em outra forma performática (excluindo flash, o que também não é uma boa opção), exceto os gifs.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/
  • 0

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 13/11/17, 10:14 pm

Gostaria desse gif, mas ele fica repetindo :/ https://img1.picmix.com/output/stamp/thumb/3/1/2/5/365213_759c6.gif
Teria como coloca-lo sem ficar repetindo voltando para estaca 0? Acho que o senhor entendeu.

Se não, tente com este e vamos ver como fica: http://static.tumblr.com/nx3bn3s/fPbnflvbx/snow.gif
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 13/11/17, 10:21 pm

Aqui está:
Código:
(function ($) {
  'use strict';

  var url = 'https://i.imgur.com/dJXwDjR.gif'

  $(function () {
    $('<div>', { 'class': 'fa-snow-overlay' })
      .css('background-image', 'url(' + url + ')')
      .css('position', 'fixed')
      .css('top', '0')
      .css('bottom', '0')
      .css('left', '0')
      .css('right', '0')
      .css('z-index', '3')
      .css('pointer-events', 'none')
        .on('click', function (event) {
          event.preventDefault();
        })
          .appendTo('body')
    ;
  });
}(jQuery));

Eu tive que fazer com a segunda opção mesmo...

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 13/11/17, 10:22 pm

Sem resultados kkk..
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 13/11/17, 10:26 pm

Foi um erro meu. Esqueci do ponto-e-vírgula.
Troque por:
Código:
(function ($) {
  'use strict';
 
  var url = 'https://i.imgur.com/dJXwDjR.gif';
 
  $(function () {
    $('<div>', { 'class': 'fa-snow-overlay' })
      .css('background-image', 'url(' + url + ')')
      .css('position', 'fixed')
      .css('top', '0')
      .css('bottom', '0')
      .css('left', '0')
      .css('right', '0')
      .css('z-index', '3')
      .css('pointer-events', 'none')
        .on('click', function (event) {
          event.preventDefault();
        })
          .appendTo('body')
    ;
  });
}(jQuery));

O resultado é este:
-> https://1forum1.forumeiros.com/

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 13/11/17, 10:28 pm

Não ficou de meu agrado :/
Poderia ver o código usado por este: site.brasilplayshox.com.br/forum
O interessante é que move juntamente com o mouse, de toda forma, os mais bonitos mesmo acabam sendo criados por css *-*, mesmo sendo prejudicial.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Gaaratsu em 13/11/17, 10:37 pm

Olá!

Pelo o que eu sei, o código dessa neve presente no fórum citado, é este:
Código:
$(function() {
    $.getScript("http://illiweb.com/rsc/10/frm/snow.js")
});

Att! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5712
Pontos Ativos : 7156

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 13/11/17, 10:39 pm

Exatamente, mas, tentei ver algumas coisas para ver se resolvia o problema de lentidão para o Luiz que posteriormente poderia acontecer com outros usuários, e nada.
Por isso gostaria de um diferente para evitar problemas com lentidão.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 14/11/17, 01:06 pm

Pode ser este efeito?

Ele usa uma tecnologia do HTML 5 chamada canvas.
-> http://thecodeplayer.com/walkthrough/html5-canvas-snow-effect


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 14/11/17, 02:39 pm

Muito bom, pode sim caro amigo.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 16/11/17, 12:15 pm

UP
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 16/11/17, 01:21 pm

Precisarei do seu template overall_header.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 16/11/17, 01:22 pm

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

  <!-- BEGIN switch_fb_login -->
      <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>

  <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
      <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
      <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">
        //<![CDATA[
            /* Definir le sens de direction en fonction du panneau admin */
            var tickerDirParam = "{switch_ticker.DIRECTION}";
            var slid_vert = false;
            var auto_dir = 'next';
            var h_perso = parseInt({switch_ticker.HEIGHT});

            switch( tickerDirParam )
            {
              case 'top' :
                  slid_vert = true;
                  break;

              case 'left':
                  break;

              case 'bottom':
                  slid_vert = true;
                  auto_dir = 'prev';
                  break;

              case 'right':
                  auto_dir = 'prev';
                  break;

              default:
                  slid_vert = true;
            }

            $(document).ready(function() {

              $('#fa_ticker_content').css('display','block');

              var width_max = $('ul#fa_ticker_content').width();
              var width_item = Math.floor(width_max / {switch_ticker.SIZE});

              if (width_max > 0)
              {
                  $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                    if ($(this).width() > width_item)
                    {
                    var ratio      = $(this).width() / width_item;
                    var new_height = Math.round($(this).height() / ratio);
                    $(this).height(new_height).width(width_item);
                    }
                  });

                  if (slid_vert)
                  {
                    var height_max = h_perso;

                    $('ul#fa_ticker_content li').each( function () {
                        if ($(this).height() > height_max)
                        {
                          height_max = $(this).height();
                        }
                    } );

                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                    $('ul#fa_ticker_content li').height(height_max);
                  }


                  $('#fa_ticker_content').jcarousel({
                        vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
                  });
              }
              else
              {
                  $('ul#fa_ticker_content li:not(:first)').css('display','none');
                  $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
              }
            });
        //]]>
      </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
        <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
            $(document).ready(function() {
              Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
              });
            });
        <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;

            $(document).ready( function() {
                $(window).resize(function() {
                    var windowWidth = document.documentElement.clientWidth;
                    var popupWidth = $("#login_popup").width();
                    var mypopup = $("#login_popup");

                    $("#login_popup").css({
                        "left": windowWidth/2 - popupWidth/2
                    });
                });
            });
      <!-- END switch_login_popup -->
      //]]>
  </script>

  {GREETING_POPUP}
  {HOSTING_JS}

  <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
        //<![CDATA[
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

                ga('create', '{G_ANALYTICS_ID}', 'auto');
                <!-- BEGIN google_analytics_code_bis -->
                ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
                <!-- END google_analytics_code_bis -->
                ga('send', 'pageview');
                <!-- BEGIN google_analytics_code_bis -->
                ga('bis.send', 'pageview');
                <!-- END google_analytics_code_bis -->
        //]]>
      </script>
  <!-- END google_analytics_code -->
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />

</head>

<body id="modernbb">
  <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
        <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
              {hitskin_preview.L_THEME_SITE_PREVIEW}
              <br />
              <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>

        </div>
      </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
        <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button1" value="{L_LOGIN}" />
              <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  <!-- END switch_login_popup -->

  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}
    <div id="page-header">
      <div class="headerbar">
        <div id="headerbar-top">
            <div class="wrap">
            </div>
        </div>
        <div class="wrap">
            <div id="site-desc">
              <!-- BEGIN switch_h1 -->
                            <div class="logo-ultimate"></div>
              <!-- END switch_h1 -->
              <!-- BEGIN switch_desc -->
                  <p>{switch_desc.SITE_DESCRIPTION}</p>
              <!-- END switch_desc -->
            </div>
        </div>
      </div>
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <div id="fa_ticker_container">
                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                    <!-- BEGIN ticker_row -->
                    <li>{switch_ticker.ticker_row.ELEMENT}</li>
                    <!-- END ticker_row -->
                  </ul>
              </div>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->
        <!-- BEGIN switch_user_logged_in -->
  <ul class="menu"><div class="meio"><a href="/forum"><li class="div-home"><i class="fa fa-home"></i></li></a><a href="/memberlist"><li class="div">Membros</li></a>
  <li class="div"><a href="#">Regras</a>
    <ul class="second-level-menu">
            <li>
                <a href="#"><i class="fa fa-gavel"></i> Regras do Servidor</a>
                <ul class="third-level-menu">
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                </ul>
            </li>
            <li>
                <a href=""><i class="fa fa-comments"></i> Regras do Fórum</a>
                <ul class="four-level-menu">
                    <li><a href="/t83-regras-forum"><i class="fa fa-cogs"></i> Gerais</a></li>
          <li><a href="/t2391-regras-denuncias"><i class="fa fa-balance-scale"></i> Denúncias</a></li>
                    <li><a href="/t2392-regras-revisao-de-punicao"><i class="fa fa-search"></i> Revisão de Punição</a></li>
                </ul>
      </li>
</ul>
<li class="div"><a href="#" id="anonymous_element_247">ChangeLog</a>
        <ul class="second-level-menu">
            <li>  <a href="/t2203-atualizacoes-servidor"><i class="fa fa-gamepad"></i> Servidor</a></li>
            <li> <a href="/t1671-atualizacoes-forum"><i class="fa fa-comments"></i> Fórum</a></li>
        </ul>
    </li>
<li class="div"><a href="/h21-">Doar</a></li>   
<li class="div"><a href="/h51-emblemas">Emblemas</a></li>
<div id="user_navigation" class="logged_in"><div class="ipsList_inline right">
        <div class="login"><li><a id="user_link" href="/login?logout=1">Sair</a></li></div>
  <div class="mensagem-privada-menu">
    <li data-mp-text="{PRIVATE_MESSAGE_INFO}" id="data-mp-text-content">
      <span class="fa-mp-count">{PRIVATE_MESSAGE_INFO}</span>
      <a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens">
        <i class="fa fa-envelope-o"></i>
      </a>
    </li>
  </div>
  <script>
        (function ($) {
          'use strict';

          var $el = $('.fa-mp-count');

          if (!/^\d+/gi.test($el.text())) {
            $el.remove();
           
            return;
          }

          $el
            .text(function () {
              return $el.text().replace(/^(\d+).+$/i, '$1');
            })
          ;
        }(jQuery));
      </script>
              <div class="profile-ultimate"><a href="/profile?mode=editprofile"> Meu Perfil <i class="fa fa-caret-down"></i></a></div>
<li>
            <a href="/profile?mode=editprofile&page_profil=avatars" class="cp_avatar">
              <script type="text/javascript">document.write(_userdata.avatar);</script>
            </a>
        </li>
            <li>
    </ul></div></div></ul>
 <!-- END switch_user_logged_in -->
 
  <!-- BEGIN switch_user_logged_out -->
  <ul class="menu"><div class="meio"><a href="/forum"><li class="div-home"><i class="fa fa-home"></i></li></a><a href="/memberlist"><li class="div">Membros</li></a>
  <li class="div"><a href="#">Regras</a>
    <ul class="second-level-menu">
            <li>
                <a href=""><i class="fa fa-gavel"></i> Regras do Servidor</a>
                <ul class="third-level-menu">
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                </ul>
            </li>
            <li>
                <a href=""><i class="fa fa-comments"></i> Regras do Fórum</a>
                <ul class="four-level-menu">
                    <li><a href="/t83-regras-forum"><i class="fa fa-cogs"></i> Gerais</a></li>
          <li><a href="/t2391-regras-denuncias"><i class="fa fa-balance-scale"></i> Denúncias</a></li>
                    <li><a href="/t2392-regras-revisao-de-punicao"><i class="fa fa-search"></i> Revisão de Punição</a></li>
                </ul>
      </li>
</ul>

  <a href="/h21-"><li class="div">Doar</li></a><div id="user_navigation" class="not_logged_in"><div class="ipsList_inline right">
    <div class="login"><a href="/login"><i class="fa fa-user" aria-hidden="true"></i> Login</a></div><div class="registro"><a href="/register"><i class="fa fa-user-plus" aria-hidden="true"></i> Registre-se</a></div></ul></div></div></ul>
 <!-- END switch_user_logged_out -->
  </div>
  <div class="conteneur_minwidth_IE">
  <div class="conteneur_layout_IE">
  <div class="conteneur_container_IE">
  <div id="wrap">
        <div id="panel-top">
        <p style="text-align: center; color: #f1f1f1;"> Bem-vindo(a) ao Fórum Ultimate Life Roleplay.</p>
      <form class="fa-search1" action="/search">
  <div class="fa-search1-select">
      <a href="#" class="fa-search1-selected">Tudo</a>
      <ul class="fa-search1-dropdown"></ul>
  </div>
  <div class="fa-search1-input">
      <input type="text" name="search_keywords" placeholder="O que procura?" />
      <input type="hidden" name="search_where" />
      <button type="submit"><i class="ion-search"></i></button>
  </div>
</form>
     
  </div>
      <div id="page-body">
        <!-- BEGIN switch_ticker -->
        <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
              <div class="inner">
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <!-- END switch_ticker -->

        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
            <div id="outer-wrapper">
              <div id="wrapper">
                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- BEGIN saut -->
                          <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>

                  <div id="container">
                    <div id="content-main">
                        <div id="main">
                          <div id="main-content">
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 16/11/17, 03:18 pm

Olá novamente,

Troque por este:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
      <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
    {RICH_SNIPPET_GOOGLE}

  <!-- BEGIN switch_fb_login -->
      <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>

  <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
      <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
      <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">
        //<![CDATA[
            /* Definir le sens de direction en fonction du panneau admin */
            var tickerDirParam = "{switch_ticker.DIRECTION}";
            var slid_vert = false;
            var auto_dir = 'next';
            var h_perso = parseInt({switch_ticker.HEIGHT});

            switch( tickerDirParam )
            {
              case 'top' :
                  slid_vert = true;
                  break;

              case 'left':
                  break;

              case 'bottom':
                  slid_vert = true;
                  auto_dir = 'prev';
                  break;

              case 'right':
                  auto_dir = 'prev';
                  break;

              default:
                  slid_vert = true;
            }

            $(document).ready(function() {

              $('#fa_ticker_content').css('display','block');

              var width_max = $('ul#fa_ticker_content').width();
              var width_item = Math.floor(width_max / {switch_ticker.SIZE});

              if (width_max > 0)
              {
                  $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
                    if ($(this).width() > width_item)
                    {
                    var ratio      = $(this).width() / width_item;
                    var new_height = Math.round($(this).height() / ratio);
                    $(this).height(new_height).width(width_item);
                    }
                  });

                  if (slid_vert)
                  {
                    var height_max = h_perso;

                    $('ul#fa_ticker_content li').each( function () {
                        if ($(this).height() > height_max)
                        {
                          height_max = $(this).height();
                        }
                    } );

                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                    $('ul#fa_ticker_content li').height(height_max);
                  }


                  $('#fa_ticker_content').jcarousel({
                        vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
                  });
              }
              else
              {
                  $('ul#fa_ticker_content li:not(:first)').css('display','none');
                  $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
              }
            });
        //]]>
      </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
        <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            if(pm != null) { pm.focus(); }
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
            $(document).ready(function() {
              Ticker.start({
                  height : {switch_ticker.HEIGHT},
                  spacing : {switch_ticker.SPACING},
                  speed : {switch_ticker.SPEED},
                  direction : '{switch_ticker.DIRECTION}',
                  pause : {switch_ticker.STOP_TIME}
              });
            });
        <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
            var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;

            $(document).ready( function() {
                $(window).resize(function() {
                    var windowWidth = document.documentElement.clientWidth;
                    var popupWidth = $("#login_popup").width();
                    var mypopup = $("#login_popup");

                    $("#login_popup").css({
                        "left": windowWidth/2 - popupWidth/2
                    });
                });
            });
      <!-- END switch_login_popup -->
      //]]>
  </script>

  {GREETING_POPUP}
  {HOSTING_JS}

  <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
        //<![CDATA[
                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

                ga('create', '{G_ANALYTICS_ID}', 'auto');
                <!-- BEGIN google_analytics_code_bis -->
                ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
                <!-- END google_analytics_code_bis -->
                ga('send', 'pageview');
                <!-- BEGIN google_analytics_code_bis -->
                ga('bis.send', 'pageview');
                <!-- END google_analytics_code_bis -->
        //]]>
      </script>
  <!-- END google_analytics_code -->
  <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" />

</head>

<body id="modernbb">
  <canvas id="snowball-background"></canvas>
  <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
        <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
              {hitskin_preview.L_THEME_SITE_PREVIEW}
              <br />
              <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>

        </div>
      </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
      <div id="login_popup" style="z-index: 10000 !important;">
        <div class="h3">{SITENAME}</div>
            <div id="login_popup_message">
                {LOGIN_POPUP_MSG}
            </div>
        <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
              <input type="submit" class="button1" value="{L_LOGIN}" />
              <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
              <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
        </div>
      </div>
  <!-- END switch_login_popup -->

  <a id="top" name="top" accesskey="t"></a>
  {JAVASCRIPT}
    <div id="page-header">
      <div class="headerbar">
        <div id="headerbar-top">
            <div class="wrap">
            </div>
        </div>
        <div class="wrap">
            <div id="site-desc">
              <!-- BEGIN switch_h1 -->
                            <div class="logo-ultimate"></div>
              <!-- END switch_h1 -->
              <!-- BEGIN switch_desc -->
                  <p>{switch_desc.SITE_DESCRIPTION}</p>
              <!-- END switch_desc -->
            </div>
        </div>
      </div>
      <!-- BEGIN switch_ticker_new -->
      <div id="fa_ticker_blockD" style="margin-top:4px;">
        <div class="module">
            <div class="inner">
              <div id="fa_ticker_container">
                  <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
                    <!-- BEGIN ticker_row -->
                    <li>{switch_ticker.ticker_row.ELEMENT}</li>
                    <!-- END ticker_row -->
                  </ul>
              </div>
            </div>
        </div>
      </div>
      <!-- END switch_ticker_new -->
        <!-- BEGIN switch_user_logged_in -->
  <ul class="menu"><div class="meio"><a href="/forum"><li class="div-home"><i class="fa fa-home"></i></li></a><a href="/memberlist"><li class="div">Membros</li></a>
  <li class="div"><a href="#">Regras</a>
    <ul class="second-level-menu">
            <li>
                <a href="#"><i class="fa fa-gavel"></i> Regras do Servidor</a>
                <ul class="third-level-menu">
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                </ul>
            </li>
            <li>
                <a href=""><i class="fa fa-comments"></i> Regras do Fórum</a>
                <ul class="four-level-menu">
                    <li><a href="/t83-regras-forum"><i class="fa fa-cogs"></i> Gerais</a></li>
          <li><a href="/t2391-regras-denuncias"><i class="fa fa-balance-scale"></i> Denúncias</a></li>
                    <li><a href="/t2392-regras-revisao-de-punicao"><i class="fa fa-search"></i> Revisão de Punição</a></li>
                </ul>
      </li>
</ul>
<li class="div"><a href="#" id="anonymous_element_247">ChangeLog</a>
        <ul class="second-level-menu">
            <li>  <a href="/t2203-atualizacoes-servidor"><i class="fa fa-gamepad"></i> Servidor</a></li>
            <li> <a href="/t1671-atualizacoes-forum"><i class="fa fa-comments"></i> Fórum</a></li>
        </ul>
    </li>
<li class="div"><a href="/h21-">Doar</a></li>   
<li class="div"><a href="/h51-emblemas">Emblemas</a></li>
<div id="user_navigation" class="logged_in"><div class="ipsList_inline right">
        <div class="login"><li><a id="user_link" href="/login?logout=1">Sair</a></li></div>
  <div class="mensagem-privada-menu">
    <li data-mp-text="{PRIVATE_MESSAGE_INFO}" id="data-mp-text-content">
      <span class="fa-mp-count">{PRIVATE_MESSAGE_INFO}</span>
      <a data-clicklaunch="getInboxList" id="inbox_link" href="/privmsg?folder=inbox" title="Mensagens">
        <i class="fa fa-envelope-o"></i>
      </a>
    </li>
  </div>
  <script>
        (function ($) {
          'use strict';

          var $el = $('.fa-mp-count');

          if (!/^\d+/gi.test($el.text())) {
            $el.remove();
           
            return;
          }

          $el
            .text(function () {
              return $el.text().replace(/^(\d+).+$/i, '$1');
            })
          ;
        }(jQuery));
      </script>
              <div class="profile-ultimate"><a href="/profile?mode=editprofile"> Meu Perfil <i class="fa fa-caret-down"></i></a></div>
<li>
            <a href="/profile?mode=editprofile&page_profil=avatars" class="cp_avatar">
              <script type="text/javascript">document.write(_userdata.avatar);</script>
            </a>
        </li>
            <li>
    </ul></div></div></ul>
 <!-- END switch_user_logged_in -->
 
  <!-- BEGIN switch_user_logged_out -->
  <ul class="menu"><div class="meio"><a href="/forum"><li class="div-home"><i class="fa fa-home"></i></li></a><a href="/memberlist"><li class="div">Membros</li></a>
  <li class="div"><a href="#">Regras</a>
    <ul class="second-level-menu">
            <li>
                <a href=""><i class="fa fa-gavel"></i> Regras do Servidor</a>
                <ul class="third-level-menu">
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                    <li><a href="#">Em Andamento</a></li>
                </ul>
            </li>
            <li>
                <a href=""><i class="fa fa-comments"></i> Regras do Fórum</a>
                <ul class="four-level-menu">
                    <li><a href="/t83-regras-forum"><i class="fa fa-cogs"></i> Gerais</a></li>
          <li><a href="/t2391-regras-denuncias"><i class="fa fa-balance-scale"></i> Denúncias</a></li>
                    <li><a href="/t2392-regras-revisao-de-punicao"><i class="fa fa-search"></i> Revisão de Punição</a></li>
                </ul>
      </li>
</ul>

  <a href="/h21-"><li class="div">Doar</li></a><div id="user_navigation" class="not_logged_in"><div class="ipsList_inline right">
    <div class="login"><a href="/login"><i class="fa fa-user" aria-hidden="true"></i> Login</a></div><div class="registro"><a href="/register"><i class="fa fa-user-plus" aria-hidden="true"></i> Registre-se</a></div></ul></div></div></ul>
 <!-- END switch_user_logged_out -->
  </div>
  <div class="conteneur_minwidth_IE">
  <div class="conteneur_layout_IE">
  <div class="conteneur_container_IE">
  <div id="wrap">
        <div id="panel-top">
        <p style="text-align: center; color: #f1f1f1;"> Bem-vindo(a) ao Fórum Ultimate Life Roleplay.</p>
      <form class="fa-search1" action="/search">
  <div class="fa-search1-select">
      <a href="#" class="fa-search1-selected">Tudo</a>
      <ul class="fa-search1-dropdown"></ul>
  </div>
  <div class="fa-search1-input">
      <input type="text" name="search_keywords" placeholder="O que procura?" />
      <input type="hidden" name="search_where" />
      <button type="submit"><i class="ion-search"></i></button>
  </div>
</form>
     
  </div>
      <div id="page-body">
        <!-- BEGIN switch_ticker -->
        <div id="fa_ticker_block" style="margin-top:4px;">
            <div class="module">
              <div class="inner">
                  <div id="fa_ticker_container">
                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                        <div class="fa_ticker_content">
                          <!-- BEGIN ticker_row -->
                          <div>{switch_ticker.ticker_row.ELEMENT}</div>
                          <!-- END ticker_row -->
                        </div>
                    </div>
                  </div>
              </div>
            </div>
        </div>
        <!-- END switch_ticker -->

        <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
            <div id="outer-wrapper">
              <div id="wrapper">
                  <div id="{ID_LEFT}">
                    <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- BEGIN saut -->
                          <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                    <!-- END giefmod_index1 -->
                  </div>

                  <div id="container">
                    <div id="content-main">
                        <div id="main">
                          <div id="main-content">


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 16/11/17, 07:03 pm

Sem resultado :/
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 17/11/17, 08:59 pm

Crie um novo JS investido em todas as páginas:
Código:
(function ($) {
  'use strict';

  $(function () {

    $('#snowball-background').css({
      'position': 'fixed',
      'z-index': '2',
      'pointer-events': 'none'
    });
   
     //canvas init
     var canvas = document.getElementById("snowball-background");
     var ctx = canvas.getContext("2d");
     
     //canvas dimensions
     var W = window.innerWidth;
     var H = window.innerHeight;
     canvas.width = W;
     canvas.height = H;
     
     //snowflake particles
     var mp = 25; //max particles
     var particles = [];
     for(var i = 0; i < mp; i++)
     {
        particles.push({
           x: Math.random()*W, //x-coordinate
           y: Math.random()*H, //y-coordinate
           r: Math.random()*4+1, //radius
           d: Math.random()*mp //density
        })
     }
     
     //Lets draw the flakes
     function draw()
     {
        ctx.clearRect(0, 0, W, H);
        
        ctx.fillStyle = "rgba(252, 252, 252, 0.8)";
        ctx.beginPath();
        for(var i = 0; i < mp; i++)
        {
           var p = particles[i];
           ctx.moveTo(p.x, p.y);
           ctx.arc(p.x, p.y, p.r, 0, Math.PI*2, true);
        }
        ctx.fill();
        update();
     }
     
     //Function to move the snowflakes
     //angle will be an ongoing incremental flag. Sin and Cos functions will be applied to it to create vertical and horizontal movements of the flakes
     var angle = 0;
     function update()
     {
        angle += 0.01;
        for(var i = 0; i < mp; i++)
        {
           var p = particles[i];
           //Updating X and Y coordinates
           //We will add 1 to the cos function to prevent negative values which will lead flakes to move upwards
           //Every particle has its own density which can be used to make the downward movement different for each flake
           //Lets make it more random by adding in the radius
           p.y += Math.cos(angle+p.d) + 1 + p.r/2;
           p.x += Math.sin(angle) * 2;
           
           //Sending flakes back from the top when it exits
           //Lets make it a bit more organic and let flakes enter from the left and right also.
           if(p.x > W+5 || p.x < -5 || p.y > H)
           {
              if(i%3 > 0) http://66.67% of the flakes
              {
                 particles[i] = {x: Math.random()*W, y: -10, r: p.r, d: p.d};
              }
              else
              {
                 //If the flake is exitting from the right
                 if(Math.sin(angle) > 0)
                 {
                    //Enter from the left
                    particles[i] = {x: -5, y: Math.random()*H, r: p.r, d: p.d};
                 }
                 else
                 {
                    //Enter from the right
                    particles[i] = {x: W+5, y: Math.random()*H, r: p.r, d: p.d};
                 }
              }
           }
        }
     }
     
     //animation loop
     setInterval(draw, 27);
  });
}(jQuery));

o7


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 17/11/17, 09:10 pm

Simplesmente top, agora uma pergunta...
Ficou assim meu overall sem o código: http://prntscr.com/hbwcce
Ao acabar o natal pretendo tirar tal código, não há como resolver este pequeno impasse?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 17/11/17, 09:13 pm

Adicione em sua CSS:
Código:
#snowball-background {
  position: fixed;
}

o7


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Neve para ModerNBB

Mensagem por iScroll em 17/11/17, 09:31 pm

Perfeito obrigado pessoal <3
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1565
Pontos Ativos : 2124

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Neve para ModerNBB

Mensagem por Luiz em 17/11/17, 09:35 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.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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