Hey Guy's,
I have recently been working on a new login page for A UberCMS login page,
I have Fully customised it to a Retro's need's.
I would upload a screenshot, But I Do not have a Hotel up at the moment.
If you could test it for me and tell me what you think of it,
I would be very greatful,
This Layout Include's ;
» Customised Background,
» Customised Login part,
» Customised Hotel view thing,
» Customised Cloud tag's,
» Customised Join now boxe's,
I have recently been working on a new login page for A UberCMS login page,
I have Fully customised it to a Retro's need's.
I would upload a screenshot, But I Do not have a Hotel up at the moment.
If you could test it for me and tell me what you think of it,
I would be very greatful,
This Layout Include's ;
» Customised Background,
» Customised Login part,
» Customised Hotel view thing,
» Customised Cloud tag's,
» Customised Join now boxe's,
Code:
<div style="background-color: url("http://www.habbcrazy.net/archive_imgs/fundo_exe.png");
<body id="frontpage">
<div id="overlay"></div>
<div id="site-header">
<form id="loginformitem" name="loginformitem" action="%www%/account/submit"
method="post">
<div style="clear: both;"></div>
<div id="site-header-content">
<div id="habbo-logo"></div>
<div id="login-form">
<div id="login-form-email">
<label for="login-username"
class="login-text">Username</label>
<input tabindex="3" type="text" class="login-field" name="credentials.username" id="login-username"
value="" maxlength="48"/>
<input tabindex="6" type="checkbox" name="_login_remember_me" id="login-remember-me"
value="true"/>
<label for="login-remember-me">Keep me logged in</label>
<div id="landing-remember-me-notification" class="bottom-bubble" style="display:none;">
<div class="bottom-bubble-t"><div></div></div>
<div class="bottom-bubble-c">
By selecting this you will stay logged in to Habbo, until you "Sign Out".
</div>
<div class="bottom-bubble-b"><div></div></div>
</div>
</div>
<div id="login-form-password">
<label for="login-password" class="login-text">Password</label>
<input tabindex="4" type="password" class="login-field" name="credentials.password"
id="login-password" maxlength="32"/>
<div id="login-forgot-password">
<a href="%www%/account/password/forgot"
id="forgot-password"><span>Darn! I fogot my password !</span></a>
</div>
</div>
<div id="login-form-submit">
<input type="submit" value="Login" class="login-top-button"
id="login-submit-button"/>
<a href="#" tabindex="5"
id="login-submit-new-button"><span>Sign in</span></a>
</div>
</div>
<p> </p>
<script type="text/javascript">
HabboView.add(function() {
fieldFocus('login-username');
popdownSetupRun();
});
HabboView.add(function() {
LandingPage.init();
});
</script>
</div>
</form>
</div>
<div id="fp-container">
<div id="content">
<div id="column1" class="column">
<div class="habblet-container ">
<div style="width: 889px; margin: 0 auto; height:51px">
<div>
<p align="center">
<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">
<span class="Apple-style-span" style="color: rgb(255, 255, 255); font-family: Vegur, Arial, Helvetica, sans-serif; font-size: 26px; font-weight: bold; text-align: center; ">
You have to admit, We are the best Habbo Retro</span></span></p>
</div>
</div>
<div id="frontpage-image-container">
<div id="join-now-button-container">
<div id="join-now-button-wrapper-fb">
<div class="join-now-button">
<a class="join-now-link" href="#" onclick="assistedLogin(FB); return false;">
<div class="join-now-text-big">Play</div>
<div class="join-now-text-small">with<span
class="fbword">Facebook</span></div>
</a>
<span class="close"></span>
</div>
<div class="join-now-alternative">
<a href="/register">
or create an account
</a>
</div>
</div>
<div id="join-now-button-wrapper">
<div class="join-now-button">
<a class="join-now-link" href="/register"
onclick="location.href=this.href">
<div class="join-now-text-big">Create a Account</div>
<div class="join-now-text-small">for Free !</div>
</a>
<span class="close"></span>
</div>
<div class="join-now-alternative">
</div>
</div>
<div class="join-now-alternative">
<span></span>
</div>
</div>
</div>
<a href="https://www.habbo.com/register" id="frontpage-image"
style="background-image: url('http://images.habbo.com/c_images/Frontpage_images/hotel_view_low.png')"></a>
</div>
<div id="tags-main-container">
<div id="sulake-logo"></a></div>
<div id="tags-container" style="width: 650px;">
<div class="roundedrect" id="tag-cloud-slim">
<span class="tags-habbos-like">We like:</span>
<ul class="tag-list">
<?php include 'tagcloud.tpl'; ?>
</ul>
</div>
</div>
</div>
</div>
<div style="background-color: #000000">
<?php include 'footer.tpl'; ?>
<br>
</div>
So as i said,
Please test it and tell me what you think
I will be using this template as soon as i re-open my hotel,
And then ill post a few screenshot's as i continue to code new and better page's !