Personalizar página de doação  Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Personalizar página de doação

3 participantes

Ir para baixo

Tópico resolvido Personalizar página de doação

Mensagem por Ketholy 01.01.19 21:15

Detalhes da questão


Endereço do fórum: https://assuntosgeral-com-br.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição


Olá,

Por meio desse tópico venho pedi mais um pequeno favor a vocês, gostaria de uma página personalizada para que os usuários façam sua doação para meu fórum. Gostaria parecido com esse estilo citado nesse Link.

Feliz 2
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por Convidado 03.01.19 14:14

Olá,

Quais seriam as especificações para a página? Teria alguma imagem de fundo que lhe agradasse?

Fico no aguardo.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por Ketholy 03.01.19 14:45

Roger123 escreveu:Olá,

Quais seriam as especificações para a página? Teria alguma imagem de fundo que lhe agradasse?

Fico no aguardo.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Aqui está a imagem: https://www.hostnet.com.br/blog/wp-content/uploads/2017/10/ter-um-site.png

Aqui é o link da página de doação: [url=https://pagseguro.uol.com.br/checkout/nc/nl/donation/sender-identification.jhtml?
t=a0430928b55be4f184e072e149c8d5d0a1cf2719d55dd1e5d37ee9a88854458f&e=true#rmcl]https://pagseguro.uol.com.br/checkout/nc/nl/donation/sender-identification.jhtml?t=a0430928b55be4f184e072e149c8d5d0a1cf2719d55dd1e5d37ee9a88854458f&e=true#rmcl[/url]

Uma pequena descrição do site:
Spoiler:
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por tikky 03.01.19 17:09

Olá @Ketholy,
Veja se está página está no seu agrado, qualquer adicional diga-me:
Código:
<!--
  Página doação by pedxz (Forumeiros)
  With BootStrap and jQuery
  -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>ADG: doação</title>
    <link type="image/png" href="https://i.imgur.com/J7Rf7af_d.jpg" rel="icon" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />
    <script src="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.js"></script>
    <script src="https://forumeiros.github.io/resources/bootstrap/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-light bg-transparent px-5 text-light">
        <a class="navbar-brand" href="#"><img src="https://2img.net/r/frmste/images/sigle.png" width="35" height="30" alt="" /></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Fórum <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Portal</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Blog</a>
                </li>
            </ul>
            <form class="form-inline logout" style="display: none">
                <input class="form-control mr-sm-2" type="search" placeholder="Seu Usuário" />
                <input class="form-control mr-sm-2" type="search" placeholder="Sua Senha" />
                <button class="btn btn-info my-2 my-sm-0" type="submit">Entrar</button>
            </form>
        </div>
    </nav>
    <div class="p-5 text-center">
        <h1 class="display-4">ADG</h1>
        <p class="lead">É uma marca sem fins lucrativos, porém, se você quiser colaborar com o desenvolvimento deste blog e seus projetos, a fim de beneficiar aos administradores no desenvolvimento de novos artigos e eventos, além de concursos especiais vip´s para servidores de jogos, poderá fazer uma Doação. Pague com PagSeguro - é rápido, grátis e seguro! Ao clicar no botão "Doação", você será encaminhado para a página externa do site ADG, em seguida, poderá concluir sua transação incluindo os dados e valor que deseja doar.</p>
 <p class="lead">
<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form style="text-align: center;" action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post">

<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO --><input type="hidden" name="currency" value="BRL" /><input type="hidden" name="receiverEmail" value="anaketholy123@gmail.com" />
    <input type="hidden" name="iot" value="button" /><input type="image" src="https://stc.pagseguro.uol.com.br/public/img/botoes/doacoes/120x53-doar-laranja.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
  </p>
<p class="lead"> Todo valor é bem vindo, e ficamos gratos pela sua caridade. Ao mesmo tempo, saiba que os valores doados são transformados e investidos diretamente nos concursos e aumento de interatividade entre ShiftActif e seus internautas. Agradecemos imensamente pelo seu carinho e colaboração. </p>
<p class="lead">Até mais <br /> <strong>EquipeADG</strong></p>
    </div>

   

</body>

</html>


Cordialmente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por Ketholy 04.01.19 13:21

Pedxz escreveu:Olá @Ketholy,
Veja se está página está no seu agrado, qualquer adicional diga-me:
Código:
<!--
   Página doação by pedxz (Forumeiros)
   With BootStrap and jQuery
   -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>ADG: doação</title>
    <link type="image/png" href="https://i.imgur.com/J7Rf7af_d.jpg" rel="icon" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />
    <script src="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.js"></script>
    <script src="https://forumeiros.github.io/resources/bootstrap/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-light bg-transparent px-5 text-light">
        <a class="navbar-brand" href="#"><img src="https://2img.net/r/frmste/images/sigle.png" width="35" height="30" alt="" /></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Fórum <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Portal</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Blog</a>
                </li>
            </ul>
            <form class="form-inline logout" style="display: none">
                <input class="form-control mr-sm-2" type="search" placeholder="Seu Usuário" />
                <input class="form-control mr-sm-2" type="search" placeholder="Sua Senha" />
                <button class="btn btn-info my-2 my-sm-0" type="submit">Entrar</button>
            </form>
        </div>
    </nav>
    <div class="p-5 text-center">
        <h1 class="display-4">ADG</h1>
        <p class="lead">É uma marca sem fins lucrativos, porém, se você quiser colaborar com o desenvolvimento deste blog e seus projetos, a fim de beneficiar aos administradores no desenvolvimento de novos artigos e eventos, além de concursos especiais vip´s para servidores de jogos, poderá fazer uma Doação. Pague com PagSeguro - é rápido, grátis e seguro! Ao clicar no botão "Doação", você será encaminhado para a página externa do site ADG, em seguida, poderá concluir sua transação incluindo os dados e valor que deseja doar.</p>
 <p class="lead">
<!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form style="text-align: center;" action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post">

<!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO --><input type="hidden" name="currency" value="BRL" /><input type="hidden" name="receiverEmail" value="anaketholy123@gmail.com" />
    <input type="hidden" name="iot" value="button" /><input type="image" src="https://stc.pagseguro.uol.com.br/public/img/botoes/doacoes/120x53-doar-laranja.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
  </p>
<p class="lead"> Todo valor é bem vindo, e ficamos gratos pela sua caridade. Ao mesmo tempo, saiba que os valores doados são transformados e investidos diretamente nos concursos e aumento de interatividade entre ShiftActif e seus internautas. Agradecemos imensamente pelo seu carinho e colaboração. </p>
<p class="lead">Até mais <br /> <strong>EquipeADG</strong></p>
    </div>

    

</body>

</html>


Cordialmente,
pedxz.

Olá pedxz,

A página está boa, porém gostaria de algo mais personalizado como no exemplo que deixei no inicio. Ou se não for muito incomodo adicionar imagem no fundo da página que você fez e organizar mais as letras e o botão de doação agradeceria.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por LeoziN_WallkeR 04.01.19 22:40

Olá @Ketholy
Veja minha Proposta >
Código:
<!DOCTYPE html>
<html >
<head>
  <!-- Site made with Mobirise Website Builder v4.8.10, https://mobirise.com -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Mobirise v4.8.10, mobirise.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/logo-frumeiros-62x50.png" type="image/x-icon">
  <meta name="description" content="">
  <base href="https://ketholyadg.github.io/">
  <title>Doação ADG</title>
  <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="assets/socicon/css/styles.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
  
  
  
</head>
<body>
  <section class="menu cid-redZFzFX5p" once="menu" id="menu2-4">

    

    <nav class="navbar navbar-expand beta-menu navbar-dropdown align-items-center navbar-toggleable-sm bg-color transparent">
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </button>
        <div class="menu-logo">
            <div class="navbar-brand">
                <span class="navbar-logo">
                    <a href="https://assuntosgeral-com-br.forumeiros.com/forum">
                        <img src="assets/images/logo-frumeiros-62x50.png" alt="Mobirise" title="" style="height: 3.8rem;">
                    </a>
                </span>
                
            </div>
        </div>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item">
                    <a class="nav-link link text-white display-4" href="https://assuntosgeral-com-br.forumeiros.com/h1-loja">
                        Loja</a>
                </li><li class="nav-item"><a class="nav-link link text-white display-4" href="https://assuntosgeral-com-br.forumeiros.com/portal">
                        Portal</a></li>
                <li class="nav-item">
                    <a class="nav-link link text-white display-4" href="https://assuntosgeral-com-br.forumeiros.com/forum">Fórum</a>
                </li></ul>
            <div class="navbar-buttons mbr-section-btn"><a class="btn btn-sm btn-primary display-4" href="https://assuntosgeral-com-br.forumeiros.com/login"><span class="mbri-user mbr-iconfont mbr-iconfont-btn"></span>
                    MINHA CONTA</a></div>
        </div>
    </nav>
</section>

<section class="engine"><a href="https://mobirise.info/x">free css templates</a></section><section class="cid-qTkA127IK8 mbr-parallax-background" id="header2-1">

    

    <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(0, 0, 0);"></div>

    <div class="container align-center">
        <div class="row justify-content-md-center">
            <div class="mbr-white col-md-10">
                <h1 class="mbr-section-title mbr-bold pb-3 mbr-fonts-style display-1">DOAÇÃO<br>ADG</h1>
                
                <p class="mbr-text pb-3 mbr-fonts-style display-5">
                    É uma marca sem fins lucrativos, porém, se você quiser colaborar com o desenvolvimento deste blog e seus projetos, a fim de beneficiar aos administradores no desenvolvimento de novos artigos e eventos, além de concursos especiais vip´s para servidores de jogos, poderá fazer uma Doação. Pague com PagSeguro - é rápido, grátis e seguro! Ao clicar no botão "Doação", você será encaminhado para a página externa do site ADG, em seguida, poderá concluir sua transação incluindo os dados e valor que deseja doar.<br><br>Todo valor é bem vindo, e ficamos gratos pela sua caridade. Ao mesmo tempo, saiba que os valores doados são transformados e investidos diretamente nos concursos e aumento de interatividade entre ShiftActif e seus internautas. Agradecemos imensamente pelo seu carinho e colaboração.<br>Até mais.&nbsp;<br><br>Administração ADG<br>
                </p>
                <div class="mbr-section-btn"><a class="btn btn-md btn-white display-4" href="https://pagseguro.uol.com.br/checkout/error.jhtml#rmcl" target="_blank"><span class="socicon socicon-paypal mbr-iconfont mbr-iconfont-btn" style="color: rgb(20, 157, 204);"></span>DOAR AGORA&nbsp;</a></div>
            </div>
        </div>
    </div>
    
</section>

<section once="" class="cid-ree12uNfru" id="footer6-5">

    

    

    <div class="container">
        <div class="media-container-row align-center mbr-white">
            <div class="col-12">
                <p class="mbr-text mb-0 mbr-fonts-style display-7">
                    ©️ Copyright 2018 ADG - All Rights Reserved &nbsp;&nbsp;<br>Agradecimentos &nbsp;<a href="https://ajuda.forumeiros.com/" target="_blank" class="text-secondary">Forumeiros</a>
                </p>
            </div>
        </div>
    </div>
</section>


  <script src="assets/web/assets/jquery/jquery.min.js"></script>
  <script src="assets/popper/popper.min.js"></script>
  <script src="assets/tether/tether.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/parallax/jarallax.min.js"></script>
  <script src="assets/dropdown/js/script.min.js"></script>
  <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>
  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  <script src="assets/theme/js/script.js"></script>
  
  
</body>
</html>
LeoziN_WallkeR
LeoziN_WallkeR
***

Membro desde : 31/08/2017
Mensagens : 171
Pontos : 255

http://mundosemlei.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por tikky 05.01.19 15:32

Veja assim:
Código:
<!--
  Página doação by pedxz (Forumeiros)
  With BootStrap and jQuery
  -->
<!DOCTYPE html>
<html>
 
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>ADG: doação</title>
    <link type="image/png" href="https://i.imgur.com/J7Rf7af_d.jpg" rel="icon" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="https://forumeiros.github.io/resources/font-awesome/css/font-awesome.min.css" />
    <script src="https://forumeiros.github.io/resources/bootstrap/bootstrap.min.js"></script>
    <script src="https://forumeiros.github.io/resources/bootstrap/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
 
<body class="bg-light">
    <nav class="navbar navbar-expand-lg navbar-light bg-transparent px-5 text-light">
        <a class="navbar-brand" href="#"><img src="https://2img.net/r/frmste/images/sigle.png" width="35" height="30" alt="" /></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
        <div class="collapse navbar-collapse" id="navbarText">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">Fórum <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Portal</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Blog</a>
                </li>
            </ul>
        </div>
    </nav>
        <div class="jumbotron rounded-0" style="background: #589eb2 url(https://www.hostnet.com.br/blog/wp-content/uploads/2017/10/ter-um-site.png) no-repeat;
    background-size: 23%;
    background-position: bottom -16px right;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: white;">
        <div class="container">
          <h1 class="display-3">Doação</h1>
          <p class="lead">É uma marca sem fins lucrativos, porém, se você quiser colaborar com o desenvolvimento deste blog e seus projetos, a fim de beneficiar aos administradores no desenvolvimento de novos artigos e eventos, além de concursos especiais vip´s para servidores de jogos, poderá fazer uma Doação. Pague com PagSeguro - é rápido, grátis e seguro! <br />
            Ao clicar no botão "Doação", você será encaminhado para a página externa do site ADG, em seguida, poderá concluir sua transação incluindo os dados e valor que deseja doar.</p>
          <p>
            <!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
            <form action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post">
              <!-- NÃO EDITE OS COMANDOS DAS LINHAS ABAIXO -->
              <input type="hidden" name="currency" value="BRL" />
              <input type="hidden" name="receiverEmail" value="anaketholy123@gmail.com" />
              <input type="hidden" name="iot" value="button" />
              <input type="submit" name="submit" class="btn btn-info btn-lg" value="Doação" />           
            </form>
            <!-- FINAL FORMULARIO BOTAO PAGSEGURO -->
          </p>
        </div>
      </div>
  <div class="container">
  <div class="alert alert-info" role="alert">
 Todo valor é bem vindo, e ficamos gratos pela sua caridade. Ao mesmo tempo, saiba que os valores doados são transformados e investidos diretamente nos concursos e aumento de interatividade entre ShiftActif e seus internautas. Agradecemos imensamente pelo seu carinho e colaboração.
</div>
  </div>
 
 
</body>
 
</html>
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por Ketholy 06.01.19 16:06

As duas páginas ficaram lindas, usarei as duas. Muito obrigada a ambos <3
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar página de doação

Mensagem por Convidado 06.01.19 16:07

Tópico resolvido


Movido para "Questões resolvidas".
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos