[RELEASE] New HC + VIP Page [RELEASE]

[Mikehunt]

New Hc Page.rar - 4 Kb

This is the NEW Download link for it.
I have tweaked the edges a bit, and tidied the boxes up :)

If you like it, Thank me :)

Screenies are Below!! (Old Pictures)

[MentaL]

[Zak©]

Mind Posting Some Screenies

[Mikehunt]

Sure.
Here ya go.

[Flurrie]

Hey, this is very nice.

[Mikehunt]

Hey, this is very nice.

Thanks :)

[rafa95123]

Buen Aporte xD

Very very very good Realease, thanks i need this xD

[Zak©]

O nice Looks just like habbo 10/10

[Mikehunt]

Thanks for replys
This is my second Release.

I Wish to continue releasing things :)
And I think this was the first release for this page :)
(If anybody wishes to put buying HC and VIP onto the page, feel free to do so, but I expect a bit of credit for the layout)

[Eronisch]

Phpretro, ubercms?

[computert231]

Phpretro, ubercms?

Lol Ubercms

[GuikBretas]

Anybody can code buy on site please?

[Mikehunt]

Hey.
Upgraded The comp-Hc and Comp-benefits.
Replace Comp-hc with this:

<div id="container">
<div id="content" style="position: relative" class="clearfix">
<div id="column" class="column">

<div class="habblet-container ">
<div class="cbb clearfix hcred ">

<h2 class="title">Join Grocer Club NOW!
</h2>
<script src="http:/images.habbo.com/images.habbo.com/habboweb/59_7fe4ac97ec6a94c67fd0f68778753cf7/7/web-gallery/static/js/habboclub.js" type="text/javascript"></script>
<div id="hc-habblet box-content">
<div id="hc-buy-container">
<div id="hc-buy-buttons" class="hc-buy-buttons">

<form class="subscribe-form" method="post">

<div style="float: left; margin: 0px;">
<div class="cbb habboclub-buyentry">
<h2 class="title" style="background-color: #90a7b7;">
HC or VIP?
</h2>
<div style="padding: 10px 0px 0px 10px;">
No active subscription.
</div>
<div style="height: 113px; padding: 10px">
HC or VIP? HC gets you more clothing, colors and monthly gifts just to mention a few benefits. VIP gets you everything you can get out of a Club membership -ever.
</div>
</div>
</div>

<div style="float: left;">

<div class="cbb habboclub-buyentry hcbasic">

<h2 class="title" style="background-color: #9b9448;">
<img style="float: left;" alt="hc" src="http://grocerhotel.servebeer.com/images/hc/hc.png" />
1 month
</h2>

<div style="height: 55px;">
<img style="position: relative; right: -5px; top: 10px;" alt="credits" src="http://grocerhotel.servebeer.com/images/hc/credits15.png" />
<span style="position: relative; left: -32px; top: -3px; font-size:1.5em; font-weight:bold; color: #000000;" class="habboclub-offerprice">15</span>
<a class="new-button oversize" style="position: relative; left: -10px; top: 10px; margin-left: 0px" id="subscribe1" href="#" onclick='habboclub.buttonClick(1, "Subscription confirmation"); return false;'><b>Buy</b><i></i></a>
<div style="width: 10px;"></div>
</div>

</div>


<div class="cbb habboclub-buyentry hcbasic">

<h2 class="title" style="background-color: #9b9448;">
<img style="float: left;" alt="hc" src="http://grocerhotel.servebeer.com/images/hc/hc.png" />
3 months
</h2>

<div style="height: 55px;">
<img style="position: relative; left: 10px; top: 10px;" alt="credits" src="http://grocerhotel.servebeer.com/images/hc/credits45.png" />
<span style="position: relative; left: -32px; top: -3px; font-size:1.5em; font-weight:bold; color: #000000;" class="habboclub-offerprice">45</span>
<a class="new-button oversize" style="position: relative; left: -10px; top: 10px; margin-left: 0px" id="subscribe2" href="#" onclick='habboclub.buttonClick(2, "Subscription confirmation"); return false;'><b>Buy</b><i></i></a>
<div style="width: 10px;"></div>
</div>

</div>

</div>


<div style="float: left;">

<div class="cbb habboclub-buyentry hcbasic">

<h2 class="title" style="background-color: #969696;">
<img style="float: left;" alt="vip" src="http://grocerhotel.servebeer.com/images/hc/vip.png" />
1 month
</h2>

<div style="height: 55px;">
<img style="position: relative; left: 5px; top: 10px;" alt="credits" src="http://grocerhotel.servebeer.com/images/hc/credits25.png" />
<span style="position: relative; left: -32px; top: -3px; font-size:1.5em; font-weight:bold; color: #000000;" class="habboclub-offerprice">25</span>
<a class="new-button oversize" style="position: relative; left: -10px; top: 10px; margin-left: 0px" id="subscribe3" href="#" onclick='habboclub.buttonClick(3, "Subscription confirmation"); return false;'><b>Buy</b><i></i></a>
<div style="width: 10px;"></div>
</div>

</div>


<div class="cbb habboclub-buyentry hcbasic">

<h2 class="title" style="background-color: #969696;">
<img style="float: left;" alt="vip" src="http://grocerhotel.servebeer.com/images/hc/vip.png" />
3 months
</h2>

<div style="height: 55px;">
<img style="position: relative; left: 10px; top: 10px;" alt="credits" src="http://grocerhotel.servebeer.com/images/hc/credits60.png" />
<span style="position: relative; left: -32px; top: -3px; font-size:1.5em; font-weight:bold; color: #000000;" class="habboclub-offerprice">60</span>
<a class="new-button oversize" style="position: relative; left: -10px; top: 10px; margin-left: 0px" id="subscribe4" href="#" onclick='habboclub.buttonClick(4, "Subscription confirmation"); return false;'><b>Buy</b><i></i></a>
<div style="width: 10px;"></div>
</div>

</div>

</div>

</form>

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


</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>


and replace comp-benefits with this:

<div class="habblet-container ">
<div class="cbb clearfix hcred ">

<h2 class="title">Compare the benefits
</h2>
<div id="habboclub-info" class="box-content" style="position: relative; top: 3px; left: -11px">
<table cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<div class="cbb hcnone habboclub-infoentry" style="height: 214px;">
<h2 class="title" style="height: 53px; background-color: #90a7b7;">
<span style="position: relative; top: 18px; font-weight: bold">Basic..</span>
</h2>
<div style="height: 3px"></div>
<div class="rounded" style="background-color: #ffffff;">
Basic Styles
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/clothes_b.png" />
</div>

<div class="cbb hcnone habboclub-infoentry" style="height: 83px;">
<div class="rounded" style="background-color: #ffffff;">
Basic colors
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/colors_b.png" />
</div>

<div class="cbb hcnone habboclub-infoentry" style="height: 101px;">
<div class="rounded" style="background-color: #ffffff;">
2-colored clothes and hair that you can mix and match
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/multicolor_b.png" />
</div>

<div class="cbb hcnone habboclub-infoentry" style="height: 185px;">
</div>

<div class="cbb hcnone habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
300 friends on friendlist
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/friends_b.png" />
</div>

<div class="cbb hcnone habboclub-infoentry" style="height: 136px;">
</div>

<div class="cbb hcnone habboclub-infoentry" style="height: 75px;">
<div class="rounded" style="background-color: #ffffff;">
6 room layouts
</div>
</div>

<div class="cbb hcnone habboclub-infoentry" style="height: 65px;">
</div>

<div class="cbb hcnone habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
1 dance
</div>
</div>

<div class="cbb hcnone habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
Marketplace offers
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://www.habbo.com/v2/images/newhc/coin_offers.png" />
<div style="position: relative; top: 13px; left: -2px">
= 5 offers
</div>
</div>

</td><td valign="top">

<div class="cbb hcbasic habboclub-infoentry">
<h2 class="title" style="height: 53px; background-color: #9b9448;">
<img style="position: relative; top: 5px" alt="xx" src="http://habbo.com/images/habboclub_basic_big.png" />
</h2>
<div style="height: 3px"></div>
<div class="rounded" style="background-color: #ffffff;">
HC Styles
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/clothes_hc.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry" style="height: 83px;">
<div class="rounded" style="background-color: #ffffff;">
HC colors
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/colors_hc.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry" style="height: 101px;">
<div class="rounded" style="background-color: #ffffff;">
2-colored clothes and hair that you can mix and match
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/multicolor_hc.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
Wardrobe for saving 5 outfits
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry" style="height: 135px;">
<div class="rounded" style="background-color: #ffffff;">
1 HC gift furni per month from exclusive HC edition
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/furni_hc.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
600 friends on friendlist
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/friends_hc.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
HC badge
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/badge_hc.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
Club queue for rooms
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry" style="height: 80px;">
<div class="rounded" style="background-color: #ffffff;">
+ 8 HC room layouts
</div>
<div style="padding: 10px">rooms with stairs</div>
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
Chatline commands
</div>
<div style="padding: 5px;">
<b>:furni</b> - select furniture<br/>
<b>:chooser</b> - select users
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
4 New Dances
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
Marketplace offers
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://www.habbo.com/v2/images/newhc/coin_offers.png" />
<div style="position: relative; top: 13px; left: -2px">
= 5 offers
</div>
</div>

</td><td valign="top">

<div class="cbb hcbasic habboclub-infoentry">
<h2 class="title" style="height: 53px; background-color: #969696;">
<img style="position: relative; top: 5px" alt="xx" src="http://habbo.com/images/habboclub_vip_big.png" />
</h2>
<div style="height: 3px"></div>
<div class="rounded" style="background-color: #ffffff;">
HC + VIP Styles
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/clothes_vip.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
HC + VIP colors
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/colors_vip.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry" style="height: 101px;">
<div class="rounded" style="background-color: #ffffff;">
2-colored clothes and hair that you can mix and match
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/multicolor.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
Wardrobe for saving 10 outfits
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
2 VIP gift furni per month from exclusive HC + VIP edition
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/furni_vip.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
900 friends on friendlist
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/friends_vip.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
HC + VIP badges
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://grocerhotel.servebeer.com/images/hc/badge_vip.png" />
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
Club queue for rooms
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry"style="height: 83px;">
<div class="rounded" style="background-color: #ffffff;">
8 HC + 6 VIP room layouts
</div>
<div style="padding: 10px">
rooms with stairs<br/>
rooms without walls
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry">
<div class="rounded" style="background-color: #ffffff;">
Chatline commands
</div>
<div style="padding: 5px;">
<b>:furni</b> - select furniture<br/>
<b>:chooser</b> - select users
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
4 New Dances
</div>
</div>

<div class="cbb hcbasic habboclub-infoentry" >
<div class="rounded" style="background-color: #ffffff;">
Marketplace offers
</div>
<img style="float: left; padding: 10px;" alt="xx" src="http://www.habbo.com/v2/images/newhc/coin_offers.png" />
<div style="position: relative; top: 13px; left: -2px">
= 10 offers
</div>
</div>

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


</div>
</div>
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>

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


What is the upgrade?
As you have noticed, the boxes are all messed up, and are all over the place, That is now fixed :)

[No0b]

wow good just like habbo thanks 10/10. :D

[Subway]

what purpose is this serving if you cant use this to actually buy VIP and HC, makes no sence of it just being there, does it?

[Mikehunt]

what purpose is this serving if you cant use this to actually buy VIP and HC, makes no sence of it just being there, does it?

Your nice.
And, it doesnt really differ from the current Hc page all retros have, you cannot buy on site on them either!

Its my Second release.
You either like it, or you hate it.
I Dont really mind which,
It serves as a visual purpose.
Its new, Its Cool :)
I HOPE to get round to coding buying on site.
But it doesnt look to good for me. Im not the BEST coder on the planet..
Maybe someone else will adapt this? Maybe they will improve upon it?

I just made it because nobody else HAD. :)

[tweeney]

Hey, thanks for this, it looks great :)

[Spheral]

when ive added the updates, the images still take forever to load

the images are directed to ones that arnt there. now i gotta change them all to habbo.com