Bitcoin Bağış Teması

Bu yazımda sizlerle  Bitcoin üzerinden bağış toplamanızı sağlayan basit bir tema paylaşacağım. Temada ufak bir tanıtım kısmı, yüzde ve miktar olarak gösteren bağış barı bulunmakta istediğiniz şekilde özelleştirebilirsiniz. Tema da hazır boostrap kodlarını kullandım boostrap css kütüphanesini projenize dahil ettiğinizden emin olun . Bağış barı dinamik olarak güncellenmektedir.

Demo : https://www.izzetemredemir.com/demo/balance.php

Kaynak Kodlar :

<?php
function getBalance($address) {
return file_get_contents(‘https://blockchain.info/de/q/addressbalance/’. $address);
}

$fullbalance=getBalance(”); // Cüzdan Adresiniz
$balance=$fullbalance/100000000;
$hedef=”100″; // Bağış Hedefi
$sonuc = $balance/$hedef*100;

?>
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
<title>Bitcoin Bağış Teması</title>
<link href=”https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css” rel=”stylesheet”>
<link href=”https://v4-alpha.getbootstrap.com/examples/narrow-jumbotron/narrow-jumbotron.css” rel=”stylesheet”>
<style>
.progress {
position: relative;
height: 25px;
}
.progress > .progress-type {
position: absolute;
left: 0px;
font-weight: 800;
padding: 3px 30px 2px 10px;
top: 40px;

}
.progress > .progress-completed {
position: absolute;

right: 0px;
font-weight: 800;
padding: 3px 10px 2px;
top: 40px;
}
</style>

</head>

<body>

<div class=”container”>
<div class=”header clearfix”>
<nav>
<ul class=”nav nav-pills float-right”>
<li class=”nav-item”>
<a class=”nav-link active” href=”#”>Anasayfa<span class=”sr-only”>(current)</span></a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#”>Hakkımızda</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”#”>Patatesler</a>
</li>
</ul>
</nav>
<h3 class=”text-muted”>Patates Chain</h3>
</div>

<div class=”jumbotron”>
<h1 class=”display-3″>Patates Projesi</h1>

<p class=”lead”>Amacımız bütün dünyanın patates yemesini sağlamak . Eğer sizde herkes patates yesin diyorsanız bitcoin bağışlayabilirsiniz.</p>

</div>

<div class=”progress ” style=”height:60px”>
<div class=”progress-bar” style=”width:56%;height:60px”><span class=”align-middle” ><h2><?php echo floor($sonuc);?>%</h2></span></div>
<span class=”progress-type “><?php echo$balance;?> BTC</span>
<span class=”progress-completed”>Hedef <?php echo$hedef;?> BTC</span>
</div>

<div class=”row marketing”>
<div class=”col-lg-7″>
<h4>Bitcoin Wallet </h4>

<input class=”form-control” type=”text” value=”17RTTUAiiPqUTKtEggJPec8RxLMi2n9EZ9″ id=”myInput” readonly>
<button onclick=”myFunction()”>Copy Address</button>

<script>
function myFunction() {
var copyText = document.getElementById(“myInput”);
copyText.select();
document.execCommand(“copy”);
alert(“Address Copied : ” + copyText.value);
}
</script>

</div>

<div class=”col-lg-5″>
<h4>QR CODE</h4>
<p><img src=”qr.png”/></p>

</div>
</div>

<footer class=”footer”>
<p>&copy; Patates Chain 2017</p>
</footer>

</div>
<script src=”../../assets/js/ie10-viewport-bug-workaround.js”></script>
</body>
</html>

Bitcoin donation theme , Bitcoin boostrap donation template , bitcoin boostrap bağış teması i

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Solve : *
24 × 24 =