Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Personalizar página de doação
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Personalizar página de doação
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.
Re: Personalizar página de doação
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'
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'
Convidado- Convidado
Re: Personalizar página de doação
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:
- ADG é 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.
<!-- 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 -->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>
<br />
</div>
<div>Sem mais,
</div>
<div>A administração ADG
</div>
Re: Personalizar página de doação
Olá @Ketholy,
Veja se está página está no seu agrado, qualquer adicional diga-me:
Cordialmente,
pedxz.
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Personalizar página de doação
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.
Re: Personalizar página de doação
Olá @Ketholy
Veja minha Proposta >
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. <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>
Re: Personalizar página de doação
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- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219
Re: Personalizar página de doação
As duas páginas ficaram lindas, usarei as duas. Muito obrigada a ambos <3
Re: Personalizar página de doação
Tópico resolvidoMovido para "Questões resolvidas". |
Convidado- Convidado
Tópicos semelhantes
» Personalizar página HTML
» Personalizar página HTML
» Personalizar página inicial
» Personalizar página inicial
» Personalizar página HTML
» Personalizar página HTML
» Personalizar página inicial
» Personalizar página inicial
» Personalizar página HTML
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos