RevCMS - Habbo.com's New Index!

**Noman** · 04-03-13

Hi RaGEZONE,

I've decided to rip Habbo.com's new index, i find it pretty decent therefore i decided to rip it for RevCMS. As some of you may know i released a twitter index for RevCMS a few months back and i did say i may release more index's therefore I've decided to release this index today.

Original Source:

www.Habbo.com

Screenshots:

Live Demo: Click HERE

Download Link: Habbo-Index-New.zip

Credits to me for implanting this index into RevCMS
Credits to Habbo.com for the design.

I'm not sure if it's good enough however leave feedback in the thread so i'll know what to do next time. :)

I was going to add the jquery register addon into the index but i struggled a bit so i decided to release the index, if anyone wants to add the registration part into the index (like www.habbo.com has when you click 'Join Today') feel free to.

Enjoy!

**MentaL**

**iRetro™** · 04-03-13

What about the register?

**Noman** · 04-03-13

Originally Posted by ImJoeYz

What about the register?

I left that part i got stuck on it, i'm not good with that. :P

**madonges** · 04-03-13

Nice job Noman, I know we had an argument but in the end your good at what you do and i'm not, Anyway, great job with the coding.

**Noman** · 04-03-13

Originally Posted by madonges

Nice job Noman, I know we had an argument but in the end your good at what you do and i'm not, Anyway, great job with the coding.

Thanks Michael.

**Eronisch** · 04-03-13

They have definitely improved the index page, it looks amazing!
Thanks for sharing.

**Papercup** · 04-03-13

Nice release.

**KyleeIsProzZ** · 05-03-13

Like this so much, someone should code this index for UberCMS 2.0 :)

**Flare** · 05-03-13

i love it alot, and for uber all you need to do is change the basics..,.,.,

**KyleeIsProzZ** · 05-03-13

Originally Posted by HabflareH

i love it alot, and for uber all you need to do is change the basics..,.,.,

I have no skill with php or code whatsoever, I'f you can do it for me and send it via pm. I will be highly appreciated.

**PRIZM** · 05-03-13

I love the index! I must have it!
Thanks. :)

**FapInc** · 05-03-13

Thanks for converting to RevCMS, but you may wanna try a bit more on that register page, or i will

**MrSpooks** · 05-03-13

ahhh man you beat me to it ;[, anyway nice release!

**Hejula** · 05-03-13

I might do the reg page later

**DoctorX** · 05-03-13

Someone who code for HoloCMS please ? :b

**sidney023** · 05-03-13

Some people can't login with this if they are using IE..

**Jubatus** · 05-03-13

Originally Posted by XiFy

Like this so much, someone should code this index for UberCMS 2.0 :)

http://forum.ragezone.com/f353/uberc...ew-com-915455/ :)

Anyway, thanks for ripping and releasing, Noman.

**Nilsson** · 05-03-13

Lol, nice.

**PythoneX12** · 05-03-13

Heres the index done more. With register working, Im adding more right now, Such as:

PHP Code:


<!DOCTYPE html>

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->

<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->

<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->

<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->



<!-- This Index was Implanted into RevCMS by Noman & PythoneX12 from arctichotel.co.uk -->



<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>{hotelname} Hotel - Make friends, join the fun, get noticed! </title>

    <meta name="viewport" content="width=device-width">

<script type="text/javascript">

    function initChangePasswordForm() {

        ChangePassword.init();

    }

    if (window.HabboView) {

        HabboView.add(initChangePasswordForm);

    } else if (window.habboPageInitQueue) {

        habboPageInitQueue.push(initChangePasswordForm);

    }

</script>

    <script>

        var andSoItBegins = (new Date()).getTime();

        var habboPageInitQueue = [];

        var habboStaticFilePath = "https://habboo-a.akamaihd.net/habboweb/63_1dc60c6d6ea6e089c6893ab4e0541ee0/1591/web-gallery";

    </script>

    <link rel="shortcut icon" href="https://habboo-a.akamaihd.net/habboweb/63_1dc60c6d6ea6e089c6893ab4e0541ee0/1591/web-gallery/v2/favicon.ico" type="image/vnd.microsoft.icon" />



    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic">



<link rel="stylesheet" href="{url}/app/tpl/skins/{skin}/styles/frontpage.css" type="text/css" />

<script src="https://habboo-a.akamaihd.net/habboweb/63_1dc60c6d6ea6e089c6893ab4e0541ee0/1591/web-gallery/static/js/v3_landing_top.js" type="text/javascript"></script>        <meta name="description" content="Check into the world's largest virtual hotel for FREE! Meet and make friends, play games, chat with others, create your avatar, design rooms and more..." />

        <meta name="keywords" content="habbo hotel, virtual, world, social network, free, community, avatar, chat, online, teen, roleplaying, join, social, groups, forums, safe, play, games, online, friends, teens, rares, rare furni, collecting, create, collect, connect, furni, furniture, pets, room design, sharing, expression, badges, hangout, music, celebrity, celebrity visits, celebrities, mmo, mmorpg, massively multiplayer" />



<script src="//cdn.optimizely.com/js/13389159.js"></script>

    <meta name="build" content="63-BUILD-FOR-PATCH-1591a - 04.03.2013 12:03 - com" />

    

</head>

<body>



<div id="overlay"></div>





<div id="change-password-form" class="overlay-dialog" style="display: none;">

    <div id="change-password-form-container" class="clearfix form-container">

        <h2 id="change-password-form-title" class="bottom-border">Forgot Password?</h2>

        <div id="change-password-form-content" style="display: none;">

            <form method="post" action="https://www.habbo.com/account/password/identityResetForm" id="forgotten-pw-form">

                <input type="hidden" name="page" value="/?changePwd=true" />

                <span>Type in your Habbo account email address:</span>

                <div id="email" class="center bottom-border">

                    <input type="text" id="change-password-email-address" name="emailAddress" value="" class="email-address" maxlength="48"/>

                    <div id="change-password-error-container" class="error" style="display: none;">Please enter a correct email address</div>

                </div>

            </form>

            <div class="change-password-buttons">

                <a href="#" id="change-password-cancel-link">Cancel</a>

                <a href="#" id="change-password-submit-button" class="new-button"><b>Send Email</b><i></i></a>

            </div>

        </div>

        <div id="change-password-email-sent-notice" style="display: none;">

            <div class="bottom-border">

                <span>Hey, we just sent you an email with a link that lets you reset your password.<br>

<br>



NOTE! Remember to check your "junk" folder too!</span>

                <div id="email-sent-container"></div>

            </div>

            <div class="change-password-buttons">

                <a href="#" id="change-password-change-link">Back</a>

                <a href="#" id="change-password-success-button" class="new-button"><b>OK</b><i></i></a>

            </div>

        </div>

    </div>

    <div id="change-password-form-container-bottom" class="form-container-bottom">

</div>

</div>





<header>

    <div id="border-left"></div>

    <div id="border-right">

</div>



<?php if(isset($template->form->error)) { ?>

                    <div id="loginerrorfieldwrapper">

                        <div id="loginerrorfield">

                            <div><?php echo $template->form->error; ?></div>

                        </div>

                    </div>

                <?php } ?>





<div id="login-form-container">

    <a href="#home" id="habbo-logo"></a>



    <form id="loginformitem" name="loginformitem" method="post">

    

    <div id="login-columns">

        <div id="login-column-1">

            <label for="login-username">Username</label>

            <input tabindex="2" type="text" class="login-field" name="log_username" id="credentials-email">

            <input tabindex="5" type="checkbox" name="_login_remember_me" id="credentials-remember-me">

            <label for="credentials-remember-me" class="sub-label">Keep me logged in</label>

        </div>



        <div id="login-column-2">

            <label for="login-password">Password</label>

            <input tabindex="3" class="login-field" type="password" name="log_password" type="password" id="credentials-password">

            <a href="#" id="forgot-password" class="sub-label">Forgot your password?</a>

        </div>



        <div id="login-column-3">

<input type="submit" value="Login" name="login" style="width: 60px;">



</div>





        <div id="login-column-4">

<div id="fb-root"></div>

<script type="text/javascript">

    window.fbAsyncInit = function() {

        Cookie.erase("fbsr_183096284873");

        FB.init({appId: '183096284873', status: true, cookie: true, xfbml: true});

        if (window.habboPageInitQueue) {

            // jquery might not be loaded yet

            habboPageInitQueue.push(function() {

                $(document).trigger("fbevents:scriptLoaded");

            });

        } else {

            $(document).fire("fbevents:scriptLoaded");

        }



    };

    window.assistedLogin = function(FBobject, optresponse) {

        

        Cookie.erase("fbsr_183096284873");

        FBobject.init({appId: '183096284873', status: true, cookie: true, xfbml: true});



        permissions = 'user_birthday,email';

        defaultAction = function(response) {



            if (response.authResponse) {

                fbConnectUrl = "/facebook?connect=true";

                Cookie.erase("fbhb_val_183096284873");

                Cookie.set("fbhb_val_183096284873", response.authResponse.accessToken);

                Cookie.erase("fbhb_expr_183096284873");

                Cookie.set("fbhb_expr_183096284873", response.authResponse.expiresIn);

                window.location.replace(fbConnectUrl);

            }

        };



        if (typeof optresponse == 'undefined')

            FBobject.login(defaultAction, {scope:permissions});

        else

            FBobject.login(optresponse, {scope:permissions});



    };



    (function() {

        var e = document.createElement('script');

        e.async = true;

        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';

        document.getElementById('fb-root').appendChild(e);

    }());

</script>



<a class="fb_button fb_button_large" onclick="assistedLogin(FB); return false;">

    <span class="fb_button_text">Login with Facebook</span>

</a>





<div id="rpx-signin">

    <a class="rpxnow" onclick="return false;" href="">More ways to login</a>

</div>        </div>

    </div>

</form>

</div>



    <div id="alerts">

<noscript>

<div id="alert-javascript-container">

    <div id="alert-javascript-title">

        Missing JavaScript support

    </div>

    <div id="alert-javascript-text">

        Javascript is disabled on your browser. Please enable JavaScript or upgrade to a Javascript-capable browser to use Habbo :)

    </div>

</div>

</noscript>



<div id="alert-cookies-container" style="display:none">

    <div id="alert-cookies-title">

        Missing cookie support

    </div>

    <div id="alert-cookies-text">

        Cookies are disabled on your browser. Please enable cookies to use Habbo.

    </div>

</div>

<script type="text/javascript">

    document.cookie = "habbotestcookie=supported";

    var cookiesEnabled = document.cookie.indexOf("habbotestcookie") != -1;

    if (cookiesEnabled) {

        var date = new Date();

        date.setTime(date.getTime()-24*60*60*1000);

        document.cookie="habbotestcookie=supported; expires="+date.toGMTString();

    } else {

        if (window.habboPageInitQueue) {

            // jquery might not be loaded yet

            habboPageInitQueue.push(function() {

                $('#alert-cookies-container').show();

            });

        } else {

            $('alert-cookies-container').show();

        }

    }

</script>

    </div>

    <div id="top-bar-triangle"></div>

    <div id="top-bar-triangle-border"></div>

</header>





<div id="content">

    <ul>

        <li id="home-anchor">

            <div id="welcome">

                <a href="#registration" class="button large" id="join-now-button"><b></b><span>Join today</span><span class="sub">(It's free)</span></a>

                <div id="slogan">

                    <h1>Welcome to {hotelname},</h1>

                    <p>a strange place with awesome people. </p>

                    <p><a id="tell-me-more-link" href="#">Tell me more...</a></p>

                </div>

            </div>

            <div id="carousel">

                <div id="image1"></div>

                <div id="image2"></div>

                <div id="image3"></div>

                <div id="tell-me-more">{hotelname} Hotel is a virtual world for players 13 years and older, where you can create your very own Habbo character and design your room the way you like. You'll meet new friends, chat, organize parties, look after virtual pets, create and play games and complete quests. Click 'Join Today' to get started!</div>

            </div>

            <div id="floaters"></div>





        <li id="registration-anchor">

<div id="registration-form">

    <div id="registration-form-header">

        <h2>User ID</h2>

        <p>Fill in these details to begin:</p>

    </div>

    <div id="registration-form-main">

<form action="register" method="post"> 

        <div id="registration-form-main-left">

            <label for="registration-birthday">Birthdate</label>

            <label for="registration-birthday" class="details">We will use this to restore your account if you ever lose access. Your birth date will never be shared publicly.</label>

            <div id="registration-birthday">

<select name="registrationBean.month" id="registrationBean_month" class="dateselector"><option value="">Month</option><option value="1">January</option><option value="2">February</option><option value="3">March</option><option value="4">April</option><option value="5">May</option><option value="6">June</option><option value="7">July</option><option value="8">August</option><option value="9">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select> <select name="registrationBean.day" id="registrationBean_day" class="dateselector"><option value="">Day</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select name="registrationBean.year" id="registrationBean_year" class="dateselector"><option value="">Year</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option value="1908">1908</option><option value="1907">1907</option><option value="1906">1906</option><option value="1905">1905</option><option value="1904">1904</option><option value="1903">1903</option><option value="1902">1902</option><option value="1901">1901</option><option value="1900">1900</option></select>             </div>



<?php if(isset($template->form->error)) { echo '<div class="error-messages-holder"><ul><li><p class="error-message">'.$template->form->error.'</p></li></ul></div>'; } ?>

            

<div class="field field-habbo-name"> 

                                            <label for="habbo-name"><b>Username</b></label> 

                                            <input type="text" id="habbo-name" size="35" value="<?php echo $template->form->reg_username; ?>" name="reg_username" class="text-field" maxlength="32"> 

</div>





            <div class="field field-password"> 

                                        <label for="password"><b>Password</b></label> 

                                        <input type="password" id="password" size="35" name="reg_password" value="" class="password-field" maxlength="32"> 

</div>



<label for="password2"><b>Confirm Password</b></label> 

                                        <input type="password" id="password2" size="35" name="reg_rep_password" value="" class="password-field" maxlength="32"> 

  </div>



<label for="email"><b>Email Address</b></label> 

                                        <input type="text" id="email" size="35" name="reg_email" value="<?php echo $template->form->reg_email; ?>" class="text-field" maxlength="48"> 

                                    







        <div id="registration-form-main-right">

            <div id="captcha-container">



                <label for="recaptcha_response_field">Captcha</label>

                <label for="recaptcha_response_field" class="details">Type in the two words (separated with a space):</label>



 <script type="text/javascript"

     src="http://www.google.com/recaptcha/api/challenge?k=6LfI2t0SAAAAAE6AjuPdmPrjsZmkNqcfljusRpmc">

  </script>



                    <script>

                        habboPageInitQueue.push(function() {

                            RecaptchaUtil.showRecaptcha("captcha-container", "6LfI2t0SAAAAAE6AjuPdmPrjsZmkNqcfljusRpmc")

                        });

                    </script>

                    <div id="captcha-image-container">

                        <div id="recaptcha_image"></div>

                        <div id="captcha-overlay"></div>

                    </div>

                    <p id="captcha-new" class="details"><a class="recaptcha-reload" href="#">Try new code</a></p>

                    <input type="text" name="recaptcha_response_field" id="recaptcha_response_field">



            </div>



      <p class="checkbox-container" id="registration-tos">

                <input type="checkbox" id="tos" name="registrationBean.termsOfServiceSelection" value="true">

                <label for="tos" class="details checkbox">

                    I accept the <a href="http://help.habbo.com/entries/23096348-Terms-of-Service-and-Privacy-Policy" target="_blank" onclick="window.open('http://help.habbo.com/entries/23096348-Terms-of-Service-and-Privacy-Policy'); return false;">Terms Of Service</a> and Privacy Policy

                </label>

            </p>

<input type="submit" name="register" id="button" value="Register" class="new-button"/><b>Create Account</b><i></i></a> 

            </div>

        </div>

        </form>

    </div>

</div>





        </li><div id="magnifying-glass"></div>

            <div id="sail"></div>

        </li>

    </ul>

</div>



<footer>

    <div id="age-recommendation"></div>



    <div id="footer-content">

        <div id="footer"><a href="#">Customer Support</a> l <a href="#">Parents</a> l <a href="#" target="_new">Terms of Use & Privacy Policy</a> l <a href="#">Infringements</a> l <a href="#" target="_new">Habbo Way</a> l <a href="#">Safety</a> l <a href="#" target="_new">For Advertisers</a></div>

        <div id="copyright">&copy; 2011 - 2013 

Arctic Hotel is not part of Sulake and is not Habbo Hotel Powered by RevCMS. This Index was ripped directly from Habbo.com and then implanted into RevCMS by Noman.</div>

    </div>

    <div id="sulake-logo"><a href="#"></a></div>

</footer>





<script src="https://habboo-a.akamaihd.net/habboweb/63_1dc60c6d6ea6e089c6893ab4e0541ee0/1591/web-gallery/static/js/v3_landing_bottom.js" type="text/javascript"></script>

<!--[if IE]><script src="https://habboo-a.akamaihd.net/habboweb/63_1dc60c6d6ea6e089c6893ab4e0541ee0/1591/web-gallery/static/js/v3_ie_fixes.js" type="text/javascript"></script>

<![endif]-->





<!-- This Index was Implanted into RevCMS by Noman & PythoneX12 from arctichotel.co.uk -->



    

</body>

</html>

Error codes, etc..

**JoeMyGod** · 09-03-13

How exactly Do I Edit this? I mean... like.. LOL How Do I edit this?

**Alexsander Lima** · 10-03-13

Lavvos CMS Please?

**Size** · 10-03-13

Nice Release, 10/10

**VlaeX** · 21-03-13

DoctorX, its already compatible with HoloCMS ^^

**Ywori** · 22-03-13

This is like the real thing! 10/10!

**BeastFC** · 28-03-13

Works almost, but If I upload it I won't see the 3 images in the box..?

have a look here: http://i.imgur.com/wLUPZy7.png

RevCMS - Habbo.com's New Index!

Thread Tools

Search Thread