» UberCMS » Login page ( Customised )

Untitled

New Member
Mar 12, 2011
6
0
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,


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 &quot;Sign Out&quot;. 
    </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>&nbsp;</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 !
 

Untitled

New Member
Mar 12, 2011
6
0
I tested it on my Retro,
But then my vps run out :/
So i didnt really get a Screenshot,
So i thought i should release it.
 

Mac

New Member
Feb 9, 2011
111
2
This is not the right section to post this! *Reported*

ONT:
Good luck with this!
 

Benden

maging ang maganda mamatay
Jun 4, 2010
2,281
1,480
YOu dont download anything and ill post a screenie 1 sec

nvm im not using uber so i cant test it
 

Users who are viewing this thread

Top