Personalizar página de doação

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

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'

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:

por **tikky** 03.01.19 17:09

Olá @Ketholy,
Veja se está página está no seu agrado, qualquer adicional diga-me:

Código::  <!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">  <form style="text-align: center;" action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post"> <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>  </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.

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:
 <!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">  <form style="text-align: center;" action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post"> <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>  </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.

por LeoziN_WallkeR 04.01.19 22:40

Olá @Ketholy
Veja minha Proposta >

Código:: <!DOCTYPE html> <html > <head>  <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. <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 </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   <br>Agradecimentos  <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>

por **tikky** 05.01.19 15:32

Veja assim:

Código::  <!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>  <form action="https://pagseguro.uol.com.br/checkout/v2/donation.html" method="post">  <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>  </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>

por Ketholy 06.01.19 16:06

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

por Convidado 06.01.19 16:07

Tópico resolvido

Movido para "Questões resolvidas".

Personalizar página de doação