Agressive promo Website

Postado Janeiro 18, 2019 6 anos

Olá pessoas.

Sou o Ricardo.

Vou compartilhar com vocês um método bem legal de atrair novos donates para seu servidor de uma maneira bem simples.

Vamos aos pré-requisitos.

Você precisa compreender como funciona a arquitetura de pastas do Gesior para compreender sobre quais arquivos será necessário alterar, vou tentar ser o mais didático possível.

Segundo você precisa estar com uma versão mais recente do JQUERY, que é uma biblioteca javascript.

Terceiro, fazer um deposito nessa conta aqui... rsrsrsr zoas.

Vamos ao tutorial.

Vamos adicionar a biblioteca do jquery à tag BODY do seu website:

<script  src="https://code.jquery.com/jquery-3.3.1.min.js"  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="  crossorigin="anonymous"></script>

Esse código deve ser inserido logo abaixo da abertura tag <body> do seu website.

crie uma PASTA onde está localizado o seu tema chamada promo.

Após isso vamos criar um arquivo Java Script para controlar a promoção.

de o nome que você preferir à esse arquivo.
nesse caso será o promo.js
*Esse arquivo deve estar dentro da pasta promo.

function showPromo() {
    $('#promo-overlay').fadeIn();
    $('#promoloader').fadeIn();
}


function closePromo() {
    $('#promoloader').fadeOut();
    $('#promo-overlay').fadeOut();
}

Após isso será necessário criar um arquivo CSS que será responsável por exibir corretamente a promoção no website.
promo.css
*Esse arquivo deve estar dentro da pasta promo.

#promo-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 997;
  background: rgba(0,0,0,.6);
}

#promoloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.promo-image{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Após criado o CSS insira uma imagem de sua preferencia dentro da pasta promo.

Após criado, vamos criar um arquivo php dentro da pasta do seu tema, nesse caso será usado o caminho
/layouts/tibiacom/
Será criado o arquivo promo.php que será o responsável pela exibição da propaganda.

<?php if (!isset($_REQUEST['subtopic']) || $_REQUEST['subtopic'] == 'latestnews') { ?>
    
    <?php if (Website::getWebsiteConfig()->getValue('promo_isactive')) { ?>
        <link href="<?php echo $layout_name; ?>/promo/promo.css" rel="stylesheet" type="text/css">
		
        <div id="promo-overlay" style="display: none"></div>
        <div id="promoloader" style="z-index: 5000; display: none">
            <div style="text-align: center">
                <a href="./?subtopic=accountmanagement&action=donate">
                    <img class="" src="<?php echo $layout_name; ?>/promo/<?=Website::getWebsiteConfig()->getValue('promo_imagename')?>"/>
                </a>
            </div>
        </div>
        <script src="<?php echo $layout_name; ?>/promo/promo.js"></script>
        <script>
            $(document).ready(function () {
                showPromo();
            });
            $('#promoloader').on('click', function () {
                closePromo();
            });
            $(document).keyup(function(e) {
                if (e.key === "Escape") {
                    closePromo();
                }
            });
        </script>
    <?php }
} ?>

Após criado será necessário abrir o arquivo

config.php. e inserir 2 linhas no final dele.

/** Promoção configuration */
$config['site']['promo_isactive'] = TRUE;
$config['site']['promo_imagename'] = 'promo.png';

*Aqui deve-se referenciar o nome da imagem que você colocou dentro da pasta promo, juntamente com seu tipo, assim como no exemplo acima.
Após feito tudo isso, calma jovem padawan ainda não irá funcionar, está faltando o principal que é incluir a chamada para o arquivo promo.php dentro do arquivo layout.php

então vamos fazer isso.

Logo antes do fechamento da tag </body>
Coloque esse lindo código.