Forum - Das neue Template Xobor (v6) » Xobor-Spenden-Button - Als Gast spenden!

<script>
window.addEventListener('load', function(){
 
// Navigation (Template v1, v2, v3, v4)
$('ul.navigation, .nav_n ul').append(`
<li><a href="/donations.html"><img height="auto" src="//www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_SM.gif"></a></li>
<!-- <li><a href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/f31t720p2396n3_bNLCmqtE.gif"></a></li> -->
<!-- <li><a href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/a_79_35dd620c.png"></a></li> -->
`);
 
// Navigation (Nur Template v6 & Mobil)
$('.navbar-nav.mr-auto').append(`
<a class="nav-link" href="/donations.html"><img height="auto" src="//www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_SM.gif"></a>
<!-- <a class="nav-link" href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/f31t720p2396n3_bNLCmqtE.gif"></a> -->
<!-- <a class="nav-link" href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/a_79_35dd620c.png"></a> -->
`);
 
});
</script>
 

<script>
window.addEventListener('load', function(){
 
// Sidebar Beiträge - Nur Admin (Template v4)
$('.adminmessage td.sidebar').append(`
<center><a href="/donations.html"><img height="auto" src="//www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_SM.gif"></a></center>
<!-- <center><a href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/f31t720p2396n3_bNLCmqtE.gif"></a></center> -->
<!-- <center><a href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/a_79_35dd620c.png"></a></center> -->
`);
 
});
</script>
 

<script>
window.addEventListener('load', function(){
 
// Fußleiste (Nur Template v2, v4)
$('.navbar ul.linklist:last, .footer ul').append(`
<li><a href="/donations.html"><img height="auto" src="//www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_SM.gif"></a></li>
<!-- <li><a href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/f31t720p2396n3_bNLCmqtE.gif"></a></li> -->
<!-- <li><a href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/a_79_35dd620c.png"></a></li> -->
<!-- <li><a href="/donations.html">Spenden</a></li> -->
`);
 
// Fußleiste (Nur Template v6 & Mobil)
$('#footernav').append(`
<a class="nav-link" href="/donations.html"><img height="auto" src="//www.paypalobjects.com/de_DE/DE/i/btn/btn_donate_SM.gif"></a>
<!-- <a class="nav-link" href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/f31t720p2396n3_bNLCmqtE.gif"></a> -->
<!-- <a class="nav-link" href="/donations.html"><img height="auto" src="//files.homepagemodules.de/b104774/a_79_35dd620c.png"></a> -->
<!-- <a class="nav-link" href="/donations.html">Spenden</a> --> 
`);
 
});
</script>
 

<style>
#donationbox .card-body {padding: 30px;}
input.btn-primary {cursor:pointer;}
</style>
 
<table id="donationbox_table" class="table-fluid" align="center">
<tbody>
<tr><td>
 
<div class="donateinfo">
<img style="width:180px;" src="//files.homepagemodules.de/b2001010/a_1711_f8762c31.png">
</div>
 
</td><td>
 
<center>
Hallo {{user_name}}!
<br><br>
 
Wir hoffen, dass Dir unser Forum gefällt und Du Dich hier genauso wohlfühlst wie wir.
<br><br>
 
Um Dir und den anderen Mitgliedern das Bestmögliche bieten zu können, würden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras ergänzen.
<br><br>
 
Wenn Du uns dabei unterstützen möchtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.
<br><br>
 
Deine Spende hilft! 
<br><br>
 

{{donation_goal==true.start}}
<div class="donation_goal">Spendenziel: {{donation_goal}} &euro;</div>
<div class="donation_progress"><span class="peuro">{{donation_goal_percent}}%</span><div class="ppercent" style="width:{{donation_goal_percent}}%">&nbsp;</div>
</div>
{{donation_goal==true.end}}
 
<br><br>
 
<input type="button" class="btn btn-primary" value="Jetzt Spenden" onclick="window.location='{{link_donations}}'">
 
</center>
 
</td></tr>
</tbody>
</table>
 

<script>
// Schiebt die Spendeninfos unter die Kategorien!
window.addEventListener('load', function ( ) {
//$('.firstrow.col-xl-8').append($("#donationbox"));
});
</script>
 

<style>
.donation_options td {width:150px;}
#donationbox .card-body {padding: 30px;}
</style>
 
<h3>Wir brauchen Deine Hilfe!</h3>
<div class="donateinfo">
<br>
 
<img style="width:180px;" src="//files.homepagemodules.de/b2001010/a_1711_f8762c31.png">
</div>
<br><br>
Hallo {{user_name}}!
<br><br>
 
Wir hoffen, dass Dir unser Forum gefällt und freuen uns, dass Du Dich dazu entschlossen hast, uns zu unterstützen!<br><br>
Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. <br>Mit Deiner Spende sorgst Du für Werbefreiheit und vielen Forenextras.<br>
Auch ist es ein großes Dankeschön für unsere Arbeit!<br><br>
 
{{donation_goal==true.start}}
<div class="donation_goal">Spendenziel: {{donation_goal}}?</div>
<div class="donation_progress"><span class="peuro">{{donation_goal_percent}}%</span><div class="ppercent" style="width:{{donation_goal_percent}}%">&nbsp;</div></div>
{{donation_goal==true.end}}
 
<br><br><br>
 
<strong>Was passiert mit Deiner Spende?</strong><br><br>
Sämtliche Spenden werden ausschließlich für die Zahlung des Forums verwendet. Eine Auszahlung oder Überweisung an den Admin findet nicht statt.
<br><br><br><br>
 
<center><strong>Betrag wählen</strong></center>
<br>
 
<table class="donation_options vertical text-center m-auto" id="donationTable">
<tbody>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(3)">3 €</td></tr>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(5)">5 €</td></tr>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(10)">10 €</td></tr>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(20)">20 €</td></tr>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(50)">50 €</td></tr>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(100)">100 €</td></tr>
<tr><td class="btn btn-primary mb-1 clickable" onclick="donateNow(150)">150 €</td></tr>
</tbody>
</table>
 
<script>
// Schiebt die Spendeninfos unter die Kategorien!
window.addEventListener('load', function ( ) {
$('.firstrow.col-xl-8').append($("#donationbox"));
});
</script>
 
<script>
function donateNow(sum){
$('#donationTable').html("<tr><td>Zahlung wird erstellt. Bitte warten<br/><i class='fas fa-spinner fa-spin'></i></td></tr>");
$('#donationform option[value="'+sum+'"]').prop('selected', true);
$('#donatenow').trigger('click');
}
</script>
 
<form action="/payments.php?donatenow=1" method="POST" style="display:none;" id="donationform">
<select name="sum">
 
<option value="3">3 €</option>
<option value="5">5 €</option>
<option value="10">10 €</option>
<option value="20">20 €</option>
<option value="50">50 €</option>
<option value="100">100 €</option>
<option value="150">150 €</option>
</select>
<br><br>
 
<input type="submit" class="btn btn-primary" name="donatenow" id="donatenow" value="Weiter">
</form>
 
<br><br>
 

<style>
/* Hintergrundfarbe für den Spendenverlauf (Darf nicht zu dunkel sein!) */
.donation_progress .ppercent {filter: brightness(80%);}
/* Schriftfarbe für die Prozentangabe (Sollte nicht verändert werden!) */
.donation_progress .peuro {color:#000000;}
/* Button-Layout 1. Seite */
#donationbox_table input {background: #dddddd; color: #000000;cursor:pointer;}
/* Hover-Button 1. Seite */
#donationbox_table input:hover {background: #ffffff;}
/* Button-Layout 2. Seite */
.donation_options td {background: #dddddd; color: #000000; width: 150px;}
/* Hover-Button 2. Seite */
.donation_options td:hover {background: #eeeeee;}
/* Button-Layout für die 3. Seite ("Jetzt bezahlen") */
.donation_amount {background: #dddddd; color: #000000; padding: 2px 20px; border: 1px solid #000000; border-radius: 30px; font-size:12px !important;}
</style>
 

<style>
/* Hintergrundfarbe für den Spendenverlauf (Darf nicht zu dunkel sein!) */
.donation_progress .ppercent {filter: brightness(80%);}
/* Schriftfarbe für die Prozentangabe (Sollte nicht verändert werden!) */
.donation_progress .peuro {color:#000000;}
/* Gleichmäßige Buttonbreite der Spendenauswahl (2. Seite) */
.donation_options td.btn.btn-primary {width: 150px;}
/* Spendenauswahl (2. Seite) - Abstand zum Rand - Text wird zentriert */
#donateform .card-body {padding:20px; text-align:center;}
</style>
 
<script>
window.addEventListener('load', function(){
 
// Spendenbox (Seite 1.) kann wahlweise unter die Kategorien geschoben werden
if(!$('.indexpage .firstrow.col-xl-8').length){
  $('.firstrow.col-xl-8').append($('#donationbox'));
};
// Button-Layout für die 3. Seite ("Jetzt bezahlen")
$('.donation_amount').addClass('btn btn-primary');
 
});
</script>