🎃 Plugin gratuito de Halloween para decorar qualquer site ou CMS

Tronlar · Hoje às 06:00

🎃 Plugin de Halloween para decorar qualquer site ou CMS

Olá, criei um pequeno plugin de Halloween para dar um clima a um site durante estes dias e estou compartilhando aqui caso sirva para alguém. 🎃

A ideia é que seja simples: você instala uma vez e pode deixar lá, pois ele se ativa automaticamente quando chegam as datas de Halloween e volta a fazer isso todo ano.

👻 O QUE ELE FAZ?

Quando está ativo, adiciona uma pequena decoração de Halloween ao site:

🎃 Abóboras penduradas.
🕸️ Teias de aranha.
🕷️ Aranhas que descem e sobem.
🍂 Folhas de outono.
🦇 Alguns morcegos.
🧙‍♀️ Uma bruxa que atravessa a tela desejando Feliz Halloween!

A bruxa aparece uma única vez por visitante, então ela não vai ficar aparecendo toda vez que mudar de página ou atualizar o site. 😂

No ano seguinte ela poderá aparecer de novo quando o Halloween chegar outra vez.

📅 ATIVA-SE AUTOMATICAMENTE

Por padrão, está configurado para funcionar:

De 25 de outubro a 2 de novembro.

Fora dessas datas, não mostra nada.

Você pode deixá-lo instalado o ano todo e, quando o Halloween voltar, ele será ativado automaticamente.

As datas também podem ser alteradas facilmente no arquivo de configuração.

🌐 ONDE PODE SER USADO?

Não o fiz para um CMS específico.

Em princípio, pode ser usado em qualquer site onde você possa adicionar JavaScript:

WordPress.
MyBB.
XenForo.
phpBB.
SMF.
PrestaShop.
Sites PHP ou HTML.
Outros CMS.

Não precisa de jQuery, Bootstrap nem da instalação de nenhuma biblioteca adicional.

🚀 COMO INSTALAR?

Envie a pasta do plugin para o seu servidor.

Depois, basta carregar estes dois arquivos no seu site:

Inserir CODE, HTML ou PHP:

<script src="/ph-post-halloween/phpost-halloween-config.js"></script>
<script defer src="/ph-post-halloween/assets/phpost-halloween.js"></script>

Altere o caminho se você enviou a pasta para outro lugar.

E pronto. 🎃

No WordPress, MyBB, XenForo etc., bastaria adicionar essas linhas na área ou no template onde o CMS permita carregar scripts para todo o site.

⚙️ PODE SER PERSONALIZADO

Deixei um arquivo de configuração para poder alterar facilmente algumas coisas.

Por exemplo, você pode ativar ou desativar:

Abóboras.
Teias de aranha.
Aranhas.
Folhas.
Morcegos.
A bruxa de boas-vindas.

Você também pode alterar as datas e a mensagem da bruxa.

Por exemplo:

Inserir CODE, HTML ou PHP:

welcomeText: "🎃 ¡Feliz Halloween desde MiWeb! 👻",

Assim cada um pode deixar somente os efeitos de que gosta.

📱 CELULARES

Também está preparado para telas pequenas.

Em celulares, alguns elementos são reduzidos para que a decoração não acabe ocupando metade da tela nem atrapalhando a navegação.

A decoração também não bloqueia os links ou botões da página.

📸 CAPTURA DE TELA

🧪 INCLUI UMA DEMO

Dentro do ZIP incluí um:

demo.html

Assim vocês podem ver como fica antes de instalar no seu site.

Na demo também é possível fazer a bruxa aparecer novamente para testar a animação.

📥 DOWNLOAD

PHPost Halloween Web Decoration 1.0

https://www.mediafire.com/file/9ow733d90258qcn/PHPost_Halloween_Web_Decoration_1.0.zip/file

Preparei inicialmente para usar no meu site e depois o adaptei para que não dependesse de um CMS específico.

Se alguém testar no WordPress, XenForo, MyBB, phpBB ou outro sistema, podem comentar como funcionou para vocês. 👍

🎃 Feliz Halloween!

4ngeluxpunk · Hoje às 16:56

Olá @Tronlar agradeço pela sua contribuição, estou fazendo os testes com o CMS Prestashop e ele não mostra a decoração. Vale mencionar que as linhas do JS foram colocadas e os arquivos enviados para o caminho e/ou pasta que uso, e não aparece.

Abraços.

4ngeluxpunk · Hoje às 17:14

Pronto, já testei e é preciso colocá-lo diretamente dentro do arquivo head.tpl do tema do Prestashop, claro que também é possível usando módulos de terceiros.

Ele seria colocado abaixo da linha <div>:

PHP:

{block name='header_banner'}
  <div class="header-banner">
    {hook h='displayBanner'}
  </div>
{/block}

Ficando da seguinte maneira:

PHP:

{block name='header_banner'}
  <div class="header-banner">
    {hook h='displayBanner'}
  </div>
 
  <script src="/ph-post-halloween/phpost-halloween-config.js"></script>
  <script defer src="/ph-post-halloween/assets/phpost-halloween.js"></script>
{/block}

Ficando da seguinte forma e, claro, tudo varia conforme o tipo de Theme que vocês tenham:

gainax00 · Hoje às 19:12

Tronlar disse:
🎃 Plugin de Halloween para decorar qualquer site ou CMS

Olá, criei um pequeno plugin de Halloween para dar um pouco de clima a um site durante esses dias e compartilho por aqui caso sirva para alguém. 🎃

A ideia é que seja simples: você instala uma vez e pode deixá-lo lá, já que ele é ativado automaticamente quando chegam as datas do Halloween e volta a fazer isso todo ano.

👻 O QUE ELE FAZ?

Quando está ativo, adiciona uma pequena decoração de Halloween ao site:

🎃 Abóboras penduradas.

🕸️ Teias de aranha.

🕷️ Aranhas que descem e sobem.

🍂 Folhas de outono.

🦇 Alguns morcegos.

🧙‍♀️ Uma bruxa que atravessa a tela desejando Feliz Halloween!

A bruxa aparece uma única vez para o visitante, então não vai ficar aparecendo cada vez que ele mudar de página ou atualizar o site. 😂

No ano seguinte ela poderá aparecer de novo quando o Halloween chegar novamente.

📅 É ATIVADO AUTOMATICAMENTE

Por padrão está configurado para funcionar:

De 25 de outubro a 2 de novembro.

Fora dessas datas não mostra nada.

Você pode deixá-lo instalado o ano todo e, quando o Halloween chegar de novo, ele será ativado automaticamente.

As datas também podem ser alteradas facilmente no arquivo de configuração.

🌐 ONDE PODE SER USADO?

Não fiz para um CMS específico.

Em princípio pode ser usado em qualquer site onde você possa adicionar JavaScript:

WordPress.

MyBB.

XenForo.

phpBB.

SMF.

PrestaShop.

Sites PHP ou HTML.

Outros CMS.

Não precisa de jQuery, Bootstrap nem de instalar nenhuma biblioteca adicional.

🚀 COMO INSTALAR?

Suba a pasta do plugin para o seu servidor.

Depois você só precisa carregar estes dois arquivos no seu site:

Inserir CODE, HTML ou PHP:

<script src="/ph-post-halloween/phpost-halloween-config.js"></script> <script defer src="/ph-post-halloween/assets/phpost-halloween.js"></script>

Mude o caminho se você subiu a pasta para outro lugar.

E pronto. 🎃

No WordPress, MyBB, XenForo etc., bastaria adicionar essas linhas na área ou no template onde o CMS permite carregar scripts para o site inteiro.

⚙️ PODE SER PERSONALIZADO

Deixei um arquivo de configuração para poder mudar facilmente algumas coisas.

Por exemplo, você pode ativar ou desativar:

Abóboras.

Teias de aranha.

Aranhas.

Folhas.

Morcegos.

A bruxa de boas-vindas.

Também dá para mudar as datas e a mensagem da bruxa.

Por exemplo:

Inserir CODE, HTML ou PHP:

welcomeText: "🎃 ¡Feliz Halloween desde MiWeb! 👻",

Assim cada um pode deixar só os efeitos de que gostar.

📱 CELULARES

Também está preparado para telas pequenas.

No celular alguns elementos são reduzidos para que a decoração não acabe ocupando metade da tela nem atrapalhando a navegação.

A decoração também não bloqueia os links ou botões da página.

📸 CAPTURA DE TELA

🧪 INCLUI UMA DEMO

Dentro do ZIP incluí um:

demo.html

Assim vocês podem ver como fica antes de instalar no seu site.

Na demo também dá para fazer a bruxa aparecer de novo para testar a animação.

📥 DOWNLOAD

PHPost Halloween Web Decoration 1.0

https://www.mediafire.com/file/9ow733d90258qcn/PHPost_Halloween_Web_Decoration_1.0.zip/file

Preparei inicialmente para usar no meu site e depois adaptei para que não dependesse de um CMS específico.

Se alguém testar no WordPress, XenForo, MyBB, phpBB ou outro sistema, pode comentar como funcionou. 👍

🎃 Feliz Halloween!

⭐⭐⭐⭐⭐ muito bonito!!!

escalante97 · Hoje às 19:46

Muito bonito, bro 🙂

🎃 Plugin gratuito de Halloween para decorar qualquer site ou CMS

Tronlar

4ngeluxpunk

4ngeluxpunk

gainax00

escalante97