marles
Member
- Feb 5, 2011
- 34
- 2
Hi there. This is my first release. And it is a remake of the Habbo Infobar by EthanTBH so credits to him.
Below is a screenshot of it
This also works for ubercms.
Add this in the top of every file in the theme
and add this to /css/top.css (create the directory in the main directory)
and add this in the main directory too
Below is a screenshot of it
This also works for ubercms.
Add this in the top of every file in the theme
PHP:
<link rel="stylesheet" href="http://localhost/web-gallery/static/styles/top.css" type="text/css">
<div id="top">
<p class="alignleft"><b>Welcome Back %habboName% | <img src="/images/test/new_04.png"/> %creditsBalance% Credits | <img
src="/images/test/cat_1.png"/> %pixelsBalance%
<p class="alignright"> Logged in as <b>%habboName%</b> | <a href="/client" target="uberClientWnd" onclick="HabboClient.openOrFocus(this);
return false;"><b>Enter Hotel</b><i></i></a> | <a href="account/logout">Log out</a></p>
<div style="clear: both;"></div></div>
<div id="overlay"></div>
<div id="header-container">
<div id="header" class="clearfix">
<h1><a href="%www%"></a></h1>
<div id="subnavi" class=wide>
<div id="subnavi-search">
<div id="subnavi-search-upper">
</div>
</div>
<div id="to-hotel">
<a href="%www%/denied_hk.php" class="new-button red-button"
style="margin-top: -60px;"><b>Housekeeping</b><i></i></a>
</div>
</div>
and add this to /css/top.css (create the directory in the main directory)
Code:
#top
{
padding-top: 9px;
padding-bottom: 0px;
padding-left: 15px;
padding-right: 17px;
color: #FFF;
background-image: url('/images/test/i_bar.png') !important;
}
@-moz-document url-prefix()
{
#top
{
padding-top: 7px;
}
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.enter-btn a, .enter-btn span {
background: transparent url(/images/test/personal_info/enter_button.png) no-repeat -9px 0;
}
.enter-btn a i {
background: transparent url(/images/test/personal_info/flashy_arrow.gif) no-repeat 0 50%;
}
.enter-btn b {
background: transparent url(/images/test/personal_info/enter_button.png) no-repeat 0 0;n
}
.promo-container a
{
color:#fff
}
#promo-box .promo-content .title a
{
text-decoration:none
}
#promo-box .promo-content .title a:hover
{
text-decoration:underline
}
#footer
{
border-left:#1d1d1d 1px solid;border-right:#1d1d1d 1px solid;color:#FFFFFF;font-size:16px;width:580px;height:100px;background:#333333;margin:left;
}
#footer ul
{
padding:0;float:left;margin:0;height:120px;margin:15px 0 0 20px;
}
#footer li
{
font-size:13px;list-style:none;
}
#footer a
{
color:#FFF;text-decoration:none;
}
#footer a:hover{text-decoration:underline;}
#clear{clear:both;}
and add this in the main directory too
You must be registered for see links
You must be registered for see links