[UberCMS] New Login page

**zuc0001** · 18-01-12

Hi everyone!
This is my first release here at Ragezone, so please don't gobble me up with hate :[ xD
As some hotel's have seen, (and copied -.-"), I have decided to release a new UberCMS login page - which I used to use at my hotel (Rare! Hotel).
The code is VERY messy, and I intend on improving it as I release more.
This is what the page looks like:
http://i42.tinypic.com/34et0s3.png
The image with the fireworks will not have that "Free VIP" crap in it. The proper image is included with the other image downloads below.

Code for: page-fp.tpl:

Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Habbo Hotel - Make friends, join the fun, get noticed! </title>

<script type="text/javascript">
var andSoItBegins = (new Date()).getTime();
</script>
<link rel="shortcut icon" href="http://images.habbo.com/habboweb/%web_build%/web-gallery/v2/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="alternate" type="application/rss+xml" title="Habbo Hotel - RSS" href="http://www.habbo.com/articles/rss.xml" />

<link rel="stylesheet" href="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/styles/frontpage.css" type="text/css" />
<script src="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/js/libs2.js" type="text/javascript"></script>
<script src="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/js/landing.js" type="text/javascript"></script> <link rel="stylesheet" href="/styles/local/com.css" type="text/css" />

<script src="/js/local/com.js" type="text/javascript"></script>

<script type="text/javascript">var ad_keywords = "";var ad_key_value = "";</script><script type="text/javascript">
document.habboLoggedIn = false;
var habboName = null;
var habboId = null;
var habboReqPath = "";
var habboStaticFilePath = "http://images.habbo.com/habboweb/%web_build%/web-gallery";
var habboImagerUrl = "http://www.habbo.com/habbo-imaging/";
var habboPartner = "";
var habboDefaultClientPopupUrl = "http://www.habbo.com/client";
window.name = "habboMain";
if (typeof HabboClient != "undefined") {
    HabboClient.windowName = "client";
    HabboClient.maximizeWindow = true;
}


</script>

<meta property="fb:app_id" content="183096284873" />


<style type="text/css">        body {             background-color: #000000;                    }        #footer .footer-links   { color: #666666; }        #footer .footer-links a { color: #ffffff; }        #footer .copyright      { color: #666666; }        #footer #compact-tags-container span, #footer #compact-tags-container a { color: #333333; }    </style>

<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>

<!--[if IE 8]>
<link rel="stylesheet" href="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/styles/ie8.css" type="text/css" />
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/styles/ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/styles/ie6.css" type="text/css" />
<script src="http://images.habbo.com/habboweb/%web_build%/web-gallery/static/js/pngfix.js" type="text/javascript"></script>
<script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script>

<style type="text/css">
body { behavior: url(/js/csshover.htc); }
</style>
<![endif]-->
<style>
body {
background:url('../images/bg-home.png') repeat-x;
    background-attachment: fixed;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
<meta name="build" content="63-BUILD881 - 07.11.2011 23:04 - com" />
</head>
<body id="frontpage">
<div style="height:25px;width:100%;background:#000;padding-top:5px;"> 

	<div style="width:800px;margin:0 auto;color:#fff;text-align:center;font-size:15px;">
	<span>Welcome to Rare! <b><a href="/quickregister/start" style="color:#fff;">Register now</a>, for free!</b></span>
	</div>
</div>
<div id="overlay"></div>
<div id="change-password-form" style="display: none;">
    <div id="change-password-form-container" class="clearfix">
        <div id="change-password-form-title" class="bottom-border">Forgot Password?</div>
        <div id="change-password-form-content" style="display: none;">
            <form method="post" action="#" 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"></div></div><script type="text/javascript">HabboView.add( function() {     ChangePassword.init();});</script>




     		
				<div class="habblet-container " style="background:#FFF;width:800px;margin:0px auto;-moz-box-shadow: 0 0 500px #000;
-webkit-box-shadow: 0 0 500px#000;
box-shadow: 0 0 500px #000;">









<div id="site-header" style="background:#C00000;width:240px;float:left;height:560px;">
    <form id="loginformitem" name="loginformitem" action="%www%/account/submit" method="post" style="margin:0 0 0 -20px;">
        <div id="site-header-content" style="width:240px;border:none;">
                        <div id="habbo-logo" style="background:url('/images/logo.png') no-repeat;height:84px;margin:5px 0 0 55px;"></div> 
           <div id="login-form">
                <div id="login-form-email">
                    <label for="login-username"                        class="login-text" style="text-shadow:0 1px 1px #000;font-size:15px;">Username:</label>
                    <input tabindex="3" type="text" class="login-field" name="credentials.username" id="login-username" value="" maxlength="48" style="width:198px;background:url('../images/login-bg.png') repeat-x;
border:1px solid #FFF;border-radius:5px;
padding-left:10px;padding-right:10px;text-shadow:0 1px 1px #FFF;"/>
                    


<BR><BR>



                </div>
                <div id="login-form-password" style="margin:0;">
                    <label for="login-password" class="login-text" style="text-shadow:0 1px 1px #000;font-size:15px;">Password:</label>
                    <input tabindex="4" type="password" class="login-field" name="credentials.password" id="login-password" maxlength="32" style="width:198px;background:url('../images/login-bg.png') repeat-x;
border:1px solid #FFF;border-radius:5px;
padding-left:10px;padding-right:10px;text-shadow:0 1px 1px #FFF;" />




                </div>
                <div id="login-form-submit" style="margin-top:-10px;">
                    <input type="submit" value="Login" class="login-top-button" style="margin-left:130px;
background:url('../images/button-bg.png') repeat-x;
color:#fff;
padding:5px 20px;
font-family:verdana;
font-weight:bold;
border:1px solid #000;
border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
"/>

<style>
input.login-top-button:hover {
background:#FFFFFF;
}
</style>
                    <a href="#" tabindex="5" id="login-submit-new-button"><span>Login</span></a>




<div class="loginpopup1" style="margin:10px 0 0 -2px;">
<p class="loged">Fansites</p>

<p style="padding:0 0 0 5px;"></p><center><b>Sorry!</b><BR>There are no fansites at the moment. Please check back later!</center><p></p>
</div>

<div class="loginpopup2" style="margin:15px 0 0 -2px;">
<p class="loged">Official Pages</p>

<p style="padding:0 0 0 5px;"></p><center><b>Sorry!</b><BR>There are no official pages at the moment. Please check back later!</center><p></p>
</div>

<style>
div.loginpopup1 {
display: inline;
float: left;
background:#B94528;
color: #ffffff;
font-family: verdana;
display: block;
text-align: left;
height: 20px;
width: 200px;
border-radius: 5px;
padding: 2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
overflow: hidden;
text-shadow:0 1px 1px #000;
-moz-box-shadow: 0 2px 5px #000;
-webkit-box-shadow: 0 2px 5px#000;
box-shadow: 0 2px 5px #000;
}

div.loginpopup1:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
height:75px;
-moz-box-shadow: 0 1px 15px #000;
-webkit-box-shadow: 0 1px 15px#000;
box-shadow: 0 1px 15px #000;
}

.loged {
font-size: 15px;
margin: 0;
text-align:center;
padding: 1px 5px 2px 10px;
background-image: url('../images/buttonred.png');
font-weight: bold;
font-family: arial;
background-position:bottom center;
}

div.loginpopup2 {
display: inline;
float: left;
background:#B94528;
color: #ffffff;
font-family: verdana;
display: block;
text-align: left;
height: 20px;
width: 200px;
border-radius: 5px;
padding: 2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
overflow: hidden;
text-shadow:0 1px 1px #000;
-moz-box-shadow: 0 2px 5px #000;
-webkit-box-shadow: 0 2px 5px#000;
box-shadow: 0 2px 5px #000;
}

div.loginpopup2:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
height:75px;
-moz-box-shadow: 0 1px 15px #000;
-webkit-box-shadow: 0 1px 15px#000;
box-shadow: 0 1px 15px #000;
z-index:1000;
}
</style>
                </div>
            </div>



            <div id="rpx-login">
                <div>


</div>
                </div>
</div>    </form></div>   <div id="content" style="margin:0;">    <div id="column1" class="column">
			





		
	
        


<div style="background:url('../images/hotel_view.png') no-repeat;float:right;width:560px;padding:0;height:500px;background-position:-345px 0;">
  
  <div id="people-inside" style="margin:230px 90px 0 0;">        <b><span><span class="stats-fig">%hotel_status%</span> players online now</span></b>       
 <i></i>    </div>  

  </div><script type="text/javascript">    document.observe("dom:loaded", function() {        LandingPage.checkLoginButtonSetTimer();    });</script>
	
						
							
					
				</div>
				<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
			 

<!--[if lt IE 7]>
<script type="text/javascript">
Pngfix.doPngImageFix();
</script>
<![endif]-->





<div id="footer" class="new_and_improved" style="width:800px;">

<a href="/quickregister/start" id="hover">

	<div id="container-reg" style="position:relative;margin-top:-125px;width:800px;">
<div id="one-reg" style="width:230px;padding:5px;height:60px;background:#C00000;margin-left:0px;margin-top:33px;font-family:verdana;text-align:right;text-shadow:0 2px 5px #000;border-top:1px solid #000;">
<span style="font-size:20px;line-height:35px;"><b>Register now</b></span>
<BR><span style="font-size:15px;">for free!</span>
</div>

<div style="background:#000000 url('../images/arrow.png') no-repeat;background-size:9.3%;height:66px;;width:560px;margin-left:240px;margin-top:-71px;text-align:right;padding-top:5px;">
<span style="font-size:15px;font-family:verdana;padding-right:20px;"><b style="font-size:30px;padding-right:160px;">Free VIP!</b>
<BR>300c every 15 minutes. Event points: Buy Customs & Rares!</span>
</div>
	</div></a>


<style>
#hover {
color:#fff;
text-decoration:none;
}
</style>
	
	<p class="copyright" style="font-size:15px;color:#000;padding-bottom:5px;padding-top:5px;line-height:17px;width:800px;margin:0;">Rare! Hotel, Copyright &copy; 2011 - Owned by Nicholas. 
<BR>All rights reserved to their respective owner(s).
</p>
         </div>
    </div></div>
    
    
        


</body>
</html>

Code for : index.php :

Code:

<?php
/*=======================================================================
| UberCMS - Advanced Website and Content Management System for uberEmu
| #######################################################################
| Copyright (c) 2010, Roy 'Meth0d' and updates by Matthew 'MDK'
| http://www.meth0d.org & http://www.sulake.biz
| #######################################################################
| This program is free software: you can redistribute it and/or modify
| it under the terms of the GNU General Public License as published by
| the Free Software Foundation, either version 3 of the License, or
| (at your option) any later version.
| #######################################################################
| This program is distributed in the hope that it will be useful,
| but WITHOUT ANY WARRANTY; without even the implied warranty of
| MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
| GNU General Public License for more details.
\======================================================================*/
 require_once "global.php";	
	
if (LOGGED_IN)
{
	header("Location: " . WWW . "/me");
	exit;
}

$tpl->Init();

$tpl->SetParam('page_title', 'Create your avatar, decorate your room, chat and make new friends.');
$tpl->SetParam('credentials_username', '');

$tpl->AddGeneric('head-init');
$tpl->AddIncludeSet('frontpage');
$tpl->WriteIncludeFiles();
$tpl->AddGeneric('head-overrides-fp');
$tpl->AddGeneric('head-bottom');

$frontpage = new Template('page-fp');
$frontpage->SetParam('login_result', '');

if (isset($_POST['credentials_username']) && isset($_POST['credentials_password']))
{
	$frontpage->SetParam('credentials_username', $_POST['credentials_username']);

	$credUser = filter($_POST['credentials_username']);
	$credPass = $core->UberHash($_POST['credentials_password']);
	
	$errors = array();
	
	if (strlen($_POST['credentials_username']) < 1)
	{
		$errors[] = "Please enter your username";
	}
	
	if (strlen($_POST['credentials_password']) < 1)
	{
		$errors[] = "Please enter your password";
	}
	
	if (count($errors) == 0)
	{
		$check = $users->ValidateLogin($credUser, $credPass);
		if ($check[0])
		{
			if (isset($_POST['page']))
			{
				$reqPage = filter($_POST['page']);
				$pos = strrpos($reqPage, WWW);
			
				if ($pos === false || $pos != 0)
				{
					die("<b>Security warning!</b> A malicious request was detected that tried redirecting you to an external site. Please proceed with caution, this may have been an attempt to steal your login details. <a href='" . WWW . "'>Return to site</a>");
				}
				else
				{
					$_SESSION['page-redirect'] = $reqPage;
				}
			}			
					
			if (!$check[1])
				$_SESSION['UBER_USER_N'] = $users->GetUserVar($users->Name2id($credUser), 'username');
			else
			{
				$_SESSION['UBER_USER_N'] = $users->GetUserVar($users->Email2id($credUser), 'username');
				if ($check[2] > 1)
					$_SESSION['page-redirect'] = "identity/avatars";
			}
			$_SESSION['UBER_USER_H'] = $credPass;
			
			if (isset($_POST['_login_remember_me']))
			{
				$_SESSION['set_cookies'] = true;
			}
			
			$_SESSION['jjp']['login']['user'] = $_SESSION['UBER_USER_N'];
			$_SESSION['jjp']['login']['email'] = $users->GetUserVar($users->Name2id($_SESSION['jjp']['login']['user']), 'mail');
			$_SESSION['jjp']['login']['name'] = $users->GetUserVar($users->Name2id($_SESSION['jjp']['login']['user']), 'real_name');
			
			header("Location: " . WWW . "/security_check.php");
			exit;
		}
		else
		{
			$errors[] = "Incorrect password";
		}
	}

	if (count($errors) > 0)
	{
		$loginResult = '<center><div class="action-error flash-message"><div class="rounded"><ul>';

		foreach ($errors as $err)
		{
			$loginResult .= '<li>' . $err . '</li>';
		}
		
		$loginResult .= '</ul></div></div></center>';
		
		$frontpage->SetParam('login_result', $loginResult);
	}
}

$tpl->AddTemplate($frontpage);

$tpl->Output();

?>

There are some images that you need to upload to your server as well. The image files link to ../images/ directory.
So you need to change those image links to your specified folder or just upload them straight there >_> ;p

Images:
UberCMS Index.zip

I didn't really edit it for a release, so you will need to link it to your hotel logo etc, plus edit whatever else. The footer also needs to be edited. I'd appreciate it if you could add like a "Made by zuc0001" or something <3

Thanks guys. And as I said, this is really messy, and future releases will be tidier.

Thanks :]!
Leave comments :P
-Nicholas

**Keith RH** · 18-01-12

Awesome<3

**zuc0001** · 18-01-12

lol Thanks Keith <3

**Tha Matrix** · 19-01-12

Nice CMS - Enjoy This Release Public People ! :)

Dont forgot - Happy Ragezoner~~

**zuc0001** · 19-01-12

Thanks Corey ^.^

**tomad** · 19-01-12

Nice! Can you also make it for Phoenix?

**zuc0001** · 19-01-12

Originally Posted by tomad

Nice! Can you also make it for Phoenix?

I used to specialise with Phoenix, but I don't anymore. But i'll see what I can do :D.

EDIT:
I think I can. It should be a simple conversion and then wala!

**Livar** · 19-01-12

This is hot. Good one.

**Divide** · 19-01-12

I like it. Nice release.

Sent from my mobile via Tapatalk.

**tomad** · 19-01-12

Originally Posted by zuc0001

I used to specialise with Phoenix, but I don't anymore. But i'll see what I can do :D.

EDIT:
I think I can. It should be a simple conversion and then wala!

Would be very nice!

**zJak** · 19-01-12

Nice design man..

**Akimbo** · 19-01-12

Its good, but make the buttons smoother.

**CyberVibe** · 19-01-12

Its good but Doesnt like the red color =)

Good one though. =)

**zuc0001** · 19-01-12

Thanks for the Nice comments :D

Originally Posted by < Function/>

Its good but Doesnt like the red color =)

Good one though. =)

I used the red colour because my hotel was based in "red" :P
Feel free to change the colours if you want.

**iDiversity** · 21-01-12

Good work! Although I get a 500 Internal server error with it :/

[UberCMS] New Login page

LinkBack

Thread Tools

[UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Re: [UberCMS] New Login page

Posting Permissions

	Tabo Hotel
	Tabo Hotel is a rapidly growing community focused on satisfying it's members needs to the fullest. Join Tabo today and experience why our motto is "Welcome to Excellence".