Can someone make this for me?

Got an idea for a tutorial ? Share it here.
Locked
matthijs110
Posts: 10
Joined: Sat Jun 08, 2013 11:17 am

Can someone make this for me?

Post by matthijs110 »

Hi,

I saw a page at an XenForo site. And i asked the owner of the site how he made it. He said to me that he coded the page by himself. Can some one make it for me?

http://blizzardcraft.com/donations/

Under the line

Donate
Donate to help BlizzardCraft.


When i look at the source code (HTML), i see this:

[syntax=xhtml]<div class="sectionMain section donationListContainer">
<table class="donate">
<tbody><tr>
<td class="sidebar_perk" style="">
<div class="sidebar_title">Rank</div>
<span class="sidebar_desc">This is the rank you will get on the forums and in-game.</span> </td>
<td class="player" style="width: 100px; padding: 0px 0px 50px; font-weight:bold;">Player</td>
<td class="donor" style="width: 100px; padding: 0px 0px 50px; font-weight:bold;">Donor</td>
<td class="vip" style="width: 100px; padding: 0px 0px 50px; font-weight:bold;">VIP</td>
<td class="vip_plus" style="width: 100px; padding: 0px 0px 50px; font-weight:bold;">VIP+</td>
<td class="sponsor" style="width: 100px; padding: 0px 0px 50px; font-weight:bold;">Sponsor</td>
<td class="platinum" style="width: 100px; padding: 0px 0px 50px; font-weight:bold;">Platinum</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Shop Plot Size</div>
<span class="sidebar_desc">This is the size of your shop plot you will receive if you apply for it.</span>
</td>
<td class="player">10x10</td>
<td class="donor">10x10</td>
<td class="vip">12x12</td>
<td class="vip_plus">14x14</td>
<td class="sponsor">16x16</td>
<td class="platinum">18x18</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">In-Game Name Color</div>
<span class="sidebar_desc">Your color you will get in-game. This will not apply if you buy the custom name color perk.</span></td>
<td class="player" style="color:black">White</td>
<td class="donor" style="color:#be00be">Purple</td>
<td class="vip" style="color:#00bebe">Blue</td>
<td class="vip_plus" style="color:#00bebe">Blue</td>
<td class="sponsor" style="color:#fe3ffe">Light Purple</td>
<td class="platinum" style="color:#D9A334">Gold</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">In-Game Head Name Color</div>
<span class="sidebar_desc">Your color you will get over your head in-game.</span></td>
<td class="player" style="color:black">White</td>
<td class="donor" style="color:#be00be">Purple</td>
<td class="vip" style="color:#D9A334">Gold</td>
<td class="vip_plus" style="color:#D9A334">Gold</td>
<td class="sponsor" style="color:#fe3ffe">Light Purple</td>
<td class="platinum" style="color:#00D1D1">Light Blue</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">In-Game Chat Color</div>
<span class="sidebar_desc">Your color you will get in-game. This will not apply if you buy the custom name color perk.</span>
</td>
<td class="player" style="color:black;">White</td>
<td class="donor" style="color:black;">White</td>
<td class="vip" style="color:black">White</td>
<td class="vip_plus" style="color:black">White</td>
<td class="sponsor" style="color:#00D1D1">Light Blue</td>
<td class="platinum" style="color:#00bebe">Dark Aqua</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">In-Game Money</div>
<span class="sidebar_desc">This is the amount of money you will receive in-game.</span>
</td>
<td class="no">
</td><td class="donor">10,000</td>
<td class="vip">25,000</td>
<td class="vip_plus">50,000</td>
<td class="sponsor">100,000</td>
<td class="platinum">200,000</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Vault(s)</div>
<span class="sidebar_desc">This is the number of vaults your will receive at the vault area. These are 100% safe.</span>
</td>
<td class="no">
</td><td class="donor">1/2</td>
<td class="vip">1</td>
<td class="vip_plus">2</td>
<td class="sponsor">4</td>
<td class="platinum">4</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Private Home(s)</div>
<span class="sidebar_desc">This is the amount of private homes you will get. </span>
</td>
<td class="no">
</td><td class="donor">1</td>
<td class="vip">2</td>
<td class="vip_plus">4</td>
<td class="sponsor">8</td>
<td class="platinum">16</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Diamond</div>
<span class="sidebar_desc">This is the amount diamond you will get in your donor vault.</span> </td>
<td class="no">
</td><td class="donor">64</td>
<td class="vip">128</td>
<td class="vip_plus">256</td>
<td class="sponsor">512</td>
<td class="platinum">1024</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Iron</div>
<span class="sidebar_desc">This is the amount iron you will get in your donor vault.</span>
</td>
<td class="no">
</td><td class="donor">64</td>
<td class="vip">128</td>
<td class="vip_plus">256</td>
<td class="sponsor">512</td>
<td class="platinum">1024</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Gold</div>
<span class="sidebar_desc">This is the amount gold you will get in your donor vault.</span>
</td>
<td class="no">
</td><td class="donor">64</td>
<td class="vip">128</td>
<td class="vip_plus">256</td>
<td class="sponsor">512</td>
<td class="platinum">1024</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Emerald</div>
<span class="sidebar_desc">This is the amount emerald you will get in your donor vault.</span> </td>
<td class="no">
</td><td class="donor">64</td>
<td class="vip">128</td>
<td class="vip_plus">256</td>
<td class="sponsor">512</td>
<td class="platinum">1024</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">TNT</div>
<span class="sidebar_desc">This is the amount TNT you will get in your donor vault.</span>
</td>
<td class="no">
</td><td class="donor">64</td>
<td class="vip">128</td>
<td class="vip_plus">256</td>
<td class="sponsor">512</td>
<td class="platinum">1024</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Obsidian</div>
<span class="sidebar_desc">This is the amount obsidian you will get in your donor vault.</span>
</td>
<td class="no">
</td><td class="donor">64</td>
<td class="vip">128</td>
<td class="vip_plus">256</td>
<td class="sponsor">512</td>
<td class="platinum">1024</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Mob Spawner(s)</div>
<span class="sidebar_desc">This is the amount of mob spawners you will get in your donor vault.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="vip">1</td>
<td class="vip_plus">2</td>
<td class="sponsor">4</td>
<td class="platinum">8</td>
</tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Kits</div>
<span class="sidebar_desc">Get access to leather, iron, gold, and diamond armour kits.</span> </td>
<td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Reserved Server Slot</div>
<span class="sidebar_desc">Connect to BlizzardCraft even if it is full.</span>
</td>
<td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Access to /home &amp; /sethome</div>
<span class="sidebar_desc">Allows you to use /home &amp; /sethome. With that, you can have more homes apart from your faction home.</span>
</td>
<td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Access to /tpahere</div>
<span class="sidebar_desc">Allows you to use /tpahere. With that, you can request a player to TP to you.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Access to /workbench</div>
<span class="sidebar_desc">Allows you to use /workbench. With that, you can access a virtual workbench anywhere.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Access to /ptime</div>
<span class="sidebar_desc">Allows you to use /ptime. With that, you can change the time of the world, for your self only.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Access to /hat</div>
<span class="sidebar_desc">Allows you to use /hat. With that, you can wear any block on your head.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Access to /heal</div>
<span class="sidebar_desc">Allows you to use /heal. With that, you can heal your self every 30 minutes.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Keep EXP upon death</div>
<span class="sidebar_desc">You will not loose any EXP when you die.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">Sign Color</div>
<span class="sidebar_desc">Ability to use colord text on signs.</span>
</td>
<td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="no">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="sidebar_perk">
<div class="sidebar_title">More To Come</div>
<span class="sidebar_desc">New perks are constantly added.</span>
</td>
<td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td><td class="yes">
</td></tr>
<tr>
<td class="pricing_title">
</td><td class="pricing_title">$0</td>
<td class="pricing_title">$10<span class="pricing_desc">One-time donation</span></td>
<td class="pricing_title">$25<span class="pricing_desc">One-time donation</span></td>
<td class="pricing_title">$50<span class="pricing_desc">One-time donation</span></td>
<td class="pricing_title">$100<span class="pricing_desc">One-time donation</span></td>
<td class="pricing_title">$200<span class="pricing_desc">One-time donation</span></td>
</tr>
<tr>
<td style="margin: 0px; padding: 10px 0px; text-align: left; border-bottom-style: none;">
</td><td class="sidebarSpacingBottomTwo">
</td><td class="donate_button">
<form action="https://www.paypal.com/cgi-bin/websrc" method="post" class="xenForo" onsubmit="return checkForm(this);">
<input name="amount" value="10" type="hidden">
<input name="cmd" value="_donations" type="hidden">
<input name="business" value="donate@blizzardcraft.com" type="hidden">
<input name="currency_code" value="USD" type="hidden">
<input name="item_name" value="Donation to BlizzardCraft (matthijs110)" type="hidden">
<input name="quantity" value="1" type="hidden">
<input name="no_shipping" value="1" type="hidden">
<input name="no_note" value="1" type="hidden">
<input name="charset" value="utf-8" type="hidden">
<input name="emailoff" value="msin2@me.com" type="hidden">
<input type="hidden" value="EN">
<input name="custom" value="3451,,token,3451,1370690218,c300d395384fc5a74f2db636621fcab6b8311dcc,Donation for Donor" type="hidden">
<input name="return" value="http://blizzardcraft.com/donations/thank-you" type="hidden">
<input name="cancel_return" value="http://blizzardcraft.com/donations/" type="hidden">
<input name="notify_url" value="http://blizzardcraft.com/donation_callback.php" type="hidden">
<input type="submit" value="Donate" class="button primary">
</form>
</td>
<td class="donate_button">
<form action="https://www.paypal.com/cgi-bin/websrc" method="post" class="xenForo" onsubmit="return checkForm(this);">
<input name="amount" value="25" type="hidden">
<input name="cmd" value="_donations" type="hidden">
<input name="business" value="donate@blizzardcraft.com" type="hidden">
<input name="currency_code" value="USD" type="hidden">
<input name="item_name" value="Donation to BlizzardCraft (matthijs110)" type="hidden">
<input name="quantity" value="1" type="hidden">
<input name="no_shipping" value="1" type="hidden">
<input name="no_note" value="1" type="hidden">
<input name="charset" value="utf-8" type="hidden">
<input name="emailoff" value="msin2@me.com" type="hidden">
<input type="hidden" value="EN">
<input name="custom" value="3451,,token,3451,1370690218,c300d395384fc5a74f2db636621fcab6b8311dcc,Donation for VIP" type="hidden">
<input name="return" value="http://blizzardcraft.com/donations/thank-you" type="hidden">
<input name="cancel_return" value="http://blizzardcraft.com/donations/" type="hidden">
<input name="notify_url" value="http://blizzardcraft.com/donation_callback.php" type="hidden">
<input type="submit" value="Donate" class="button primary">
</form>
</td>
<td class="donate_button">
<form action="https://www.paypal.com/cgi-bin/websrc" method="post" class="xenForo" onsubmit="return checkForm(this);">
<input name="amount" value="50" type="hidden">
<input name="cmd" value="_donations" type="hidden">
<input name="business" value="donate@blizzardcraft.com" type="hidden">
<input name="currency_code" value="USD" type="hidden">
<input name="item_name" value="Donation to BlizzardCraft (matthijs110)" type="hidden">
<input name="quantity" value="1" type="hidden">
<input name="no_shipping" value="1" type="hidden">
<input name="no_note" value="1" type="hidden">
<input name="charset" value="utf-8" type="hidden">
<input name="emailoff" value="msin2@me.com" type="hidden">
<input type="hidden" value="EN">
<input name="custom" value="3451,,token,3451,1370690218,c300d395384fc5a74f2db636621fcab6b8311dcc,Donation for VIP+" type="hidden">
<input name="return" value="http://blizzardcraft.com/donations/thank-you" type="hidden">
<input name="cancel_return" value="http://blizzardcraft.com/donations/" type="hidden">
<input name="notify_url" value="http://blizzardcraft.com/donation_callback.php" type="hidden">
<input type="submit" value="Donate" class="button primary">
</form>
</td>
<td class="donate_button">
<form action="https://www.paypal.com/cgi-bin/websrc" method="post" class="xenForo" onsubmit="return checkForm(this);">
<input name="amount" value="100" type="hidden">
<input name="cmd" value="_donations" type="hidden">
<input name="business" value="donate@blizzardcraft.com" type="hidden">
<input name="currency_code" value="USD" type="hidden">
<input name="item_name" value="Donation to BlizzardCraft (matthijs110)" type="hidden">
<input name="quantity" value="1" type="hidden">
<input name="no_shipping" value="1" type="hidden">
<input name="no_note" value="1" type="hidden">
<input name="charset" value="utf-8" type="hidden">
<input name="emailoff" value="msin2@me.com" type="hidden">
<input type="hidden" value="EN">
<input name="custom" value="3451,,token,3451,1370690218,c300d395384fc5a74f2db636621fcab6b8311dcc,Donation for Sponsor" type="hidden">
<input name="return" value="http://blizzardcraft.com/donations/thank-you" type="hidden">
<input name="cancel_return" value="http://blizzardcraft.com/donations/" type="hidden">
<input name="notify_url" value="http://blizzardcraft.com/donation_callback.php" type="hidden">
<input type="submit" value="Donate" class="button primary">
</form>
</td>
<td class="donate_button">
<form action="https://www.paypal.com/cgi-bin/websrc" method="post" class="xenForo" onsubmit="return checkForm(this);">
<input name="amount" value="200" type="hidden">
<input name="cmd" value="_donations" type="hidden">
<input name="business" value="donate@blizzardcraft.com" type="hidden">
<input name="currency_code" value="USD" type="hidden">
<input name="item_name" value="Donation to BlizzardCraft (matthijs110)" type="hidden">
<input name="quantity" value="1" type="hidden">
<input name="no_shipping" value="1" type="hidden">
<input name="no_note" value="1" type="hidden">
<input name="charset" value="utf-8" type="hidden">
<input name="emailoff" value="msin2@me.com" type="hidden">
<input type="hidden" value="EN">
<input name="custom" value="3451,,token,3451,1370690218,c300d395384fc5a74f2db636621fcab6b8311dcc,Donation for Platinum" type="hidden">
<input name="return" value="http://blizzardcraft.com/donations/thank-you" type="hidden">
<input name="cancel_return" value="http://blizzardcraft.com/donations/" type="hidden">
<input name="notify_url" value="http://blizzardcraft.com/donation_callback.php" type="hidden">
<input type="submit" value="Donate" class="button primary">
</form>
</td>
</tr>
</tbody></table>
<center><table>
<tbody>
<tr>
<td style="text-align: center;" colspan="2" width="325">
<h4>Donation Details</h4>
</td>
</tr>
<tr>
<td style="text-align: right;" width="125">Minecraft IGN:</td>
<td width="200"><input class="textCtrl" id="ign" readonly="" value="matthijs110" style="width: 150px;" type="text" onblur="this.value=removeSpaces(this.value);"></td>
</tr>
<tr>
<td style="text-align: right;" width="125">Confirm IGN:</td>
<td width="200"><input class="textCtrl" id="ign2" readonly="" value="matthijs110" style="width: 150px;" type="text" onblur="this.value=removeSpaces(this.value);"></td>
</tr>
<tr>
<td colspan="2" width="325"><center><input id="agree" type="checkbox" value="I agree"> <span style="vertical-align: top;">I agree to the Donation Terms.</span></center></td>
</tr>
<tr>
</tr>
</tbody>
</table></center>
<div class="bottomNote" style="text-align: center; font-size: 8pt;">All amounts are in USD (United States Dollar) however all currencies are accepted at checkout. (You must be logged in to donate)</div>
</div>[/syntax]

And a extra box for the Terms, only viewable when you logged in:

[syntax=xhtml]<div class="sectionMain section donationListContainer"><div class="bottomNote" style="text-align: center; font-size: 16pt;">Donation Terms:</div>
<div class="bottomNote" style="text-align: left; font-size: 8pt">
<p>1. All donations are final, and not refundable. </p>
<p>2. Donating does not help against moderation. </p>
<p>3. Donation ranks/perks may change at any time. </p>
<p>4. Do not donate without parental permission. If you donate without parents consent, you will not receive a refund under any circumstances.</p>
<p>5. Donating does not guarantee receiving benefits, we have the right to deny the benefits above.</p>
<p>By continuing and donating, you agree to this.</p>
</div>
</div>[/syntax]

And a CSS file:
[syntax=css]@CHARSET "UTF-8";

/* --- bbcm_js.css --- */

.bbcm_spoil_noscript_desc
{
font-style:italic;
font-size:7pt;
}

.bbcm_spoiler, .bbcm_spoiler_input
{
display: none;
}

.bbcm_spoiler_noscript
{
color:#f8f8f8;
cursor: pointer;
}

.bbcm_spoiler_noscript:hover
{
color:rgb(20,20,20);
}

/* --- merc_donation_index.css --- */

table.donate
{
border-collapse: collapse;
border-spacing: 0px;
font-size: 13px;
margin-top: 20px;
margin-bottom: 20px;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
line-height: 16px;
}
td.sidebar_perk
{
margin: 0px;
padding: 10px 0px;
text-align: left;
font-size: 8pt;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
}
td.player
{
margin: 0px;
padding: 0px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
font-size: 16px;
}
td.donor
{
margin: 0px;
padding: 0px;
color: #be00be;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
font-size: 16px;
}
td.vip
{
margin: 0px;
padding: 0px;
color: #d9a334;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
font-size: 16px;
}
td.vip_plus
{
margin: 0px;
padding: 0px;
color: #d9a334;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
font-size: 16px;
}
td.sponsor
{
margin: 0px;
padding: 0px;
color: #fe3ffe;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
font-size: 16px;
}
td.platinum
{
margin: 0px;
padding: 0px;
color: #00D1D1;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
font-size: 16px;
}
div.sidebar_title
{
margin: 0px;
padding: 0px;
font-size: 12pt;
weight: bold;
color: black;
font-weight:bold;
}
span.sidebar_desc
{
display: block;
margin: 3px 0px 0px 10px;
color: #6B6B6B;
}
td.yes
{
margin: 0px;
padding: 0px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
background-image: url(http://blizzardcraft.com/styles/donate/yes.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}
td.no
{
margin: 0px;
padding: 0px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(52, 52, 52);
background-image: url(http://blizzardcraft.com/styles/donate/no.png);
background-position: 50% 50%;
background-repeat:no-repeat;
}
td.pricing_title
{
margin: 0px;
padding: 10px 0px;
text-align: center;
border-bottom-style: none;
font-size: 13pt;
}
span.pricing_desc
{
font-size: 8pt;
display: block;
color: rgb(150, 150, 150);
}
td.donate_button
{
style="margin: 0px;
padding: 0px;
text-align: center;
border-bottom-style: none;
}
div.bottomNote
{
margin: 15px 0px 5px;
padding: 0px;
color: rgb(100, 100, 100);
text-align: center;
font-size: 8pt;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

/* --- merc_notice_profile_progress.css --- */

.profileProgressNotice { font-size: 14px; }

.profileProgressNotice h3 { margin: 2px 0; }
.profileProgressNotice ul { margin-top: 0; }
.profileProgressNotice ul li.done { font-style: italic; }
.profileProgressNotice ul li.done a { text-decoration: line-through; }
.profileProgressNotice p { margin-bottom: 5px; }


/* --- panel_scroller.css --- */

.hasJs #Notices.PanelScroller { display: none; }

.PanelScroller .scrollContainer,
.PanelScrollerOff .panel
{
background-color: rgb(255, 255, 255);
padding: 3px;
margin-bottom: 10px;
border: 1px solid rgb(215, 215, 215);
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
font-size: 12px;

}

.PanelScroller .PanelContainer
{
position: relative;
clear: both;
width: 100%;
overflow: auto;
}

.hasJs .PanelScroller .Panels
{
position: absolute;
}

.PanelScroller .Panels
{
clear: both;
margin: 0;
padding: 0;
}

.PanelScroller .panel,
.PanelScrollerOff .panel
{
background-color: rgb(255, 255, 255);
padding: 10px;


position: relative;
padding: 0 !important;
}

.PanelScroller .panel .noticeContent,
.PanelScrollerOff .panel .noticeContent
{
padding: 10px;
}

/** panel scroller nav **/

.PanelScroller .navContainer
{
margin: -11px 21px 0;
overflow: hidden;
zoom: 1;

}

.PanelScroller .navControls
{
float: right;
}

/* clearfix */ .PanelScroller .navControls { zoom: 1; } .PanelScroller .navControls:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

.PanelScroller .navControls a
{
font-size: 10px;
color: @contentTextColor;
background-color: rgb(250, 250, 250);
padding: 3px 6px 4px;
margin-left: -1px;
float: left;
display: block;
position: relative;


border: 1px solid rgb(215, 215, 215);
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0;
}

.PanelScroller .navControls > a:first-child
{
border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px;
}

.PanelScroller .navControls > a:last-child
{
border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-bottom-right-radius: 5px;
}

.PanelScroller .navControls a:hover
{
text-decoration: none;
background-color: rgb(250, 250, 250);

}

.PanelScroller .navControls a.current
{
background-color: rgb(237, 237, 237);

}

.PanelScroller .navControls a .arrow
{
display: none;
}

.PanelScroller .navControls a.current span
{
display: block;
line-height: 0px;
width: 0px;
height: 0px;
border-top: 5px solid rgb(215, 215, 215);
border-right: 5px solid transparent;
border-bottom: 1px none black;
border-left: 5px solid transparent;
position: absolute;
}

.PanelScroller .navControls a.current .arrow
{
border-top-color: rgb(215, 215, 215);
top: 0px;
left: 50%;
margin-left: -5px;
}

.PanelScroller .navControls a .arrow span
{
border-top-color: rgb(255, 255, 255);
top: -6px;
left: -5px;
}

/* notices */

#Notices .panel .noticeContent
{
padding-right: 25px;
}
[/syntax]


The donations buttons redirect you to the right PayPal page. And the button is only clickable when you accepted the Terms.

If you log in to the site, the minecraft name is automaticly filled in.

Image (for non-logged in users:
Image

Hopefully someone can help me with this :D
User avatar
Helx
Posts: 350
Joined: Thu May 17, 2012 6:45 am
Location: Auckland, New Zealand

Re: Can someone make this for me?

Post by Helx »

We can't exactly "make" things for you sorry.
However, we can point you in the right direction.

XenForo allows you to add your own custom pages and insert your own custom content. The username would be inserted through some kind of shortcode, and the payment processing through an eCommerce XenForo plugin.

Unfortunately, XenForo is not free software. It requires that you buy a license in which can be pricey ($140 - Currency unknown).
The URL to the software is here: http://xenforo.com/

Best of luck.

Locking topic as this technically breaks the rules: viewtopic.php?f=20&t=23 "Don't demand that people do things for you".
Locked