MyBB Requests

Please help with this upgrade page!

Submitted by DaNnIbOi, 17-02-2017, 10:52 PM, Thread ID: 29713

Thread Closed

1
2

17-02-2017, 10:52 PM

This post was last modified: 17-02-2017, 10:54 PM by DaNnIbOi

#1

Hi,

I am trying to edit decryptex's post:NULLED.IO UPGRADE PAGE, however, that code was for 2 colums only, I've managed to add a third one, but now i've lost the main boxes, so instead of it looking like this:

[Image: image.png]

It looks like this:

[Image: image.png]

Basically, I am asking what I need to edit to get all three boxes back to their original size!

Here is the code I am using:

PHP Code:
<html>

<head>
<title>Upgrade</title>

</head>
<body>
<style type="text/css">
.tborder,
.tborderdiv {
background: #151515;
border: 1px solid #282828;
padding: 3px;
border-radius: 4px;
}

.upgrade-overflow {
overflow: auto;
}

.upgrade-center {
margin: 0 auto;
text-align: center;
}

.upgrade-banner,
.vip-head,
.vip_plus-head
.vip_ultimate-head {
font-family: "Montserrat", sans-serif;
}

.upgrade-transform {
text-transform: uppercase;
}

.upgrade-banner {
font-size: 25px;
font-weight: 700;
color: #fff;
}

.upgrade-col5 {
float: left;
width: 5%;
}

.upgrade-col50 {
float: left;
width: 33%;
}

.upgrade-spacer-top {
margin-top: 40px;
}

.upgrade-spacer-left {
margin-right: 10px;
}

.upgrade-spacer-right {
margin-left: 10px;
}

.vip-head,
.vip_plus-head, {
font-size: 30px;
font-weight: 700;
text-align: left;
padding: 30px 20px;
border-radius: 2px 2px 0px 0px;
}

.vip-head {
background: rgba(54, 128, 224, 0.1);
border-bottom: 3px solid #FFFF00;
color: #FFFF00;
}

.vip_plus-head {
background: rgba(54, 128, 224, 0.1);
border-bottom: 3px solid #00859E;
color: #00859E;
}

.vip_ultimate-head {
background: rgba(54, 128, 224, 0.1);
border-bottom: 3px solid LimeGreen;
color: LimeGreen;
}

.upgrade-row,
.upgrade-row2 {
border-top: 1px solid #303030;
border-bottom: 1px solid #151515;
padding: 15px 10px;
}

.upgrade-row {
background: #252525;
}

.upgrade-row2 {
background: #202020;
}

.upgrade-row:first-child,
.upgrade-row2:first-child {
border-top: none;
}

.upgrade-row:last-child,
.upgrade-row2:last-child {
border-bottom: none;
}

.upgrade-balance {
font-size: 25px;
text-align: right;
margin-top: 4px;
}

.upgrade-row-wrap {
display: table;
width: 100%;
table-layout: fixed;
}

.upgrade-cell {
display: table-cell;
vertical-align: middle;
}

.upgrade-col2 {
width: 40px;
text-align: right;
}

.upgrade-col3 {
width: 200px;
text-align: right;
font-size: 20px;
}

.upgrade-icon-vip,
.upgrade-icon-vip_plus,
.upgrade-icon-check,
.upgrade-icon-nocheck {
height: 35px;
width: 35px;
line-height: 35px;
font-size: 20px;
text-align: center;
border-radius: 2px;
}

.upgrade-icon-vip i,
.upgrade-icon-vip_plus i {
line-height: 35px;
}

.upgrade-icon-vip {
background: #000000;
color: #E1B13F;
}

.upgrade-icon-vip_plus {
background: rgba(54, 128, 224, 0.1);
color: #00859E;
}

.upgrade-icon-vip_ultimate {
background: rgba(54, 128, 224, 0.1);
color: #289F00;
}

.upgrade-icon-check {
background: rgba(75, 154, 42, 0.3);
color: #4B9A2A;
}

.upgrade-icon-nocheck {
background: rgba(209, 39, 39, 0.3);
color: #D12727;
}

.vip_plus-hex {
color: #00AAFF;
text-shadow: 0px 0px 8px #000;
}

.upgrade-username {
font-size: 18px;
}

.upgrade-avatar {
width: 50px;
height: 50px;
border-radius: 100%;
}

.purchase-button-vip,
.purchase-button-vip_plus {
padding: 10px;
text-align: center;
border-radius: 2px;
}

.purchase-button-vip {
background: rgba(137, 196, 244, 0.1);
color: #E140C7;
}

.purchase-button-vip:hover {
background: rgba(137, 196, 244, 1);
color: #fff;
}

.purchase-button-vip_plus {
background: rgba(243, 84, 245, 0.1);
color: #00859E;
}

.purchase-button-vip_plus:hover {
background: rgba(243, 84, 245, 1);
color: #fff;
}

.buy-upgrade-button,
.button-upgrade {
background: #151515;
color: #fff;
text-align: center;
padding: 8px 16px;
border-radius: 2px;
}

.upgrade-row,
.upgrade-row2 {
font-size: 15px;
}

.upgrade-wrap small {
font-size: 11px;
}
</style>
<table border="0" cellspacing="1" cellpadding="4" class="tborder">

<tr>
<td class="trow1">

<div class="upgrade-overflow">
<div class="upgrade-col50">
<div class="upgrade-spacer-left">
<div class="tborderdiv">
<div class="vip-head upgrade-transform">
<div class="float_right upgrade-balance">5.00</div>
VIP
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">A new userbar to make you stand out.</div>
<div class="upgrade-cell upgrade-col3"><img src="/images/ranks/vip.png"></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">A new cool username style.</div>
<div class="upgrade-cell upgrade-col3"><span style="color:#FFFF00">{$mybb->user['username']}</span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Added Credits. (500)</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-unlock-alt upgrade-icon-vip"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Access to <span style="color:#FFFF00">VIP</span> exclusive chat forums.</div>
<div class="upgrade-cell upgrade-col3"><i class="fa fa-star upgrade-icon-vip"></i></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Storage for 5,000 messages.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-envelope upgrade-icon-vip"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip-hex">Can Be Invisible To Others</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip"></i></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Close/open your own threads</span>.</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip"></span></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to change your username</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip"></i></div>
</div>
</div>


<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div style="text-align:center;">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4QEPMC36TAYCU">
<input type="image" src="https://www.paypalobjects.com/webstatic/en_US/i/btn/png/gold-pill-paypalcheckout-44px.png" border="0" name="submit" alt="PayPal  The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
</form>
</form>
</div>
</div>
</div>


</div>
</div>
</div>

<div class="upgrade-col50">
<div class="upgrade-spacer-left">
<div class="tborderdiv">
<div class="vip_plus-head upgrade-transform">
<div class="float_right upgrade-balance">20.00</div>
VIP Legend
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">A new userbar to make you stand out.</div>
<div class="upgrade-cell upgrade-col3"><img src="/images/ranks/viplegend.png"></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">A new cool username style.</div>
<div class="upgrade-cell upgrade-col3"><span style="color:#00AAFF;font-weight:bold;text-shadow: 1px 1px 10px black;background:url(http://i.imgur.com/crnSRbA.gif);">{$mybb->user['username']}</span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Bypass the requirements to unlock hidden content.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-unlock-alt upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Access to <span class="vip_plus-hex">VIP</span> exclusive forums.</div>
<div class="upgrade-cell upgrade-col3"><i class="fa fa-star upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Bypass the requirements to unlock hidden content.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-unlock-alt upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Storage for 10,000 messages.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-envelope upgrade-icon-vip_plus"></i></div>
</div>
</div>


<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip_plus-hex">Access to auth key (free BoL scripts, Soapbox, ...)</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to rate other members with <span class="vip-vip_plus">+4/-2 reputation</span>.</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip_plus"></span></div>
</div>
</div>


<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to close your own threads.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Bypass auth requirements (auth access)</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip_plus"></span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to change your username</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>


<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip_plus-hex">Can rename to banned members</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip_plus"></span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip_plus-hex">Ability to change the color of your userbar</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div style="text-align:center;">
To upgrade to V.I.P Legend, please PM Dan
</form>
</div>
</div>
</div>


</div>
</div>
</div>

<div class="upgrade-col50">
<div class="upgrade-spacer-left">
<div class="tborderdiv">
<div class="vip_ultimate-head upgrade-transform">
<div class="float_right upgrade-balance">30.00</div>
VIP Ultimate
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">A new userbar to make you stand out.</div>
<div class="upgrade-cell upgrade-col3"><img src="/images/ranks/vipUltimate.png"></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">A new cool username style.</div>
<div class="upgrade-cell upgrade-col3"><span style="color:LimeGreen;font-weight:bold;text-shadow: 1px 1px 10px black;background:url(http://i.imgur.com/crnSRbA.gif);">{$mybb->user['username']}</span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Bypass the requirements to unlock hidden content.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-unlock-alt upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Access to <span class="vip_plus-hex">VIP</span> exclusive forums.</div>
<div class="upgrade-cell upgrade-col3"><i class="fa fa-star upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Bypass the requirements to unlock hidden content.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-unlock-alt upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Storage for 10,000 messages.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-envelope upgrade-icon-vip_plus"></i></div>
</div>
</div>


<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip_plus-hex">Access to auth key (free BoL scripts, Soapbox, ...)</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to rate other members with <span class="vip-vip_plus">+4/-2 reputation</span>.</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip_plus"></span></div>
</div>
</div>


<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to close your own threads.</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Bypass auth requirements (auth access)</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip_plus"></span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1">Able to change your username</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>


<div class="upgrade-row2">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip_plus-hex">Can rename to banned members</div>
<div class="upgrade-cell upgrade-col2"><span class="fa fa-smile-o upgrade-icon-vip_plus"></span></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div class="upgrade-cell upgrade-col1 vip_plus-hex">Ability to change the color of your userbar</div>
<div class="upgrade-cell upgrade-col2"><i class="fa fa-lock upgrade-icon-vip_plus"></i></div>
</div>
</div>

<div class="upgrade-row">
<div class="upgrade-row-wrap">
<div style="text-align:center;">
To upgrade to V.I.P Ultimate, please PM Dan
</form>
</div>
</div>
</div>


</div>
</div>
</div>

</div>

</td></tr></table>

</body>
</html> 

Cool People:
Aoki, Aurora, fdigl, Faded, v4hl, EMO

18-02-2017, 09:04 PM

#2

PM me your forum URL.

[Image: InZ3hGx.png]

18-02-2017, 09:14 PM

#3

18-02-2017, 09:04 PM
Faded Wrote: PM me your forum URL.

ooooh are you hunting again?

18-02-2017, 09:52 PM

#4

18-02-2017, 09:14 PM
Monopoly Wrote: ooooh are you hunting again?

I have no idea what you're talking about.

[Image: InZ3hGx.png]

OP

18-02-2017, 10:50 PM

#5

It's ok, i have sorted it now, it was missing a third part. but thanks anyways!

Cool People:
Aoki, Aurora, fdigl, Faded, v4hl, EMO

21-02-2017, 04:26 PM

#6

Nice rip of our old upgrade page DaNnIbOi

1

OP

21-02-2017, 08:18 PM

#7

Aoki I've seen that upgrade page everywhere now!

Cool People:
Aoki, Aurora, fdigl, Faded, v4hl, EMO

21-02-2017, 08:25 PM

#8

21-02-2017, 08:23 PM
DaNnIbOi Wrote: I'm not mate, This is the one I am using: (Aoki)

Nulled IO's upgrade page was a rip of our page. (v2 Theme)
Uh whatever, couldn't care less.

OP

21-02-2017, 08:26 PM

#9

21-02-2017, 08:25 PM
Aoki Wrote: Nulled IO's upgrade page was a rip of our page. (v2 Theme)
Uh whatever, couldn't care less.

I never knew that, Please feel free to delete this thread. I'm sorry if I have offended you.

Cool People:
Aoki, Aurora, fdigl, Faded, v4hl, EMO

21-02-2017, 08:28 PM

21-02-2017, 08:26 PM
DaNnIbOi Wrote: I never knew that, Please feel free to delete this thread. I'm sorry if I have offended you.

No it's fine, you can use it.

1

1
2

Users browsing this thread: 1 Guest(s)