Interface - RevCMS Skin

[CronicHosts]

Hello DevBest,

Today I'm going to release my old Interface theme. It's not complete because I stopped developing it, But it's pretty suitable for live use. So yeah.

Screenshots:

Download:

You must be registered for see links

If you like it, Remember to click "Like" and shit... I cbf with flamers -.-

Btw, Hover on Navigator works,

Hovering:

Not Hovering:

Got a request for my next theme? Tell me!

Thanks,
Sean...

 

[SupaPenguin]

Look's great!

Other than the fact the links are default, pretty slick.

 

[lepos]

I wouldn't really use it, but I can't lie looks good.

Varies from the overused themes people use.

 

[JoshuaLuke]

I guess it looks OK although i'm not a fan of it ^.^

Nice work anyways.

 

[Mitchul]

Looks great I might continue this, change some stuff around... IE the news list and stuff.

 

[Twan]

Doesnt work good by me check it by yourself on

You must be registered for see links

 

[CronicHosts]

Replace your Index.php with this,

<?php 
define('IN_INDEX', 1);
 
require_once 'global.php';
 
$core->handleCall($engine->secure($_GET['url']));
 
$template->html->get($engine->secure($_GET['url']));
 
$template->outputTPL();
?>

 

[Twan]

Now only the boxes are fixed, the images even dont work.

 

[CronicHosts]

They look fine for me?

 

[Twan]

Do you mean on my site?

 

[CronicHosts]

Replace your style.css with this,

body {
background-color: #000;
margin: 0px;
height: 100%;
    font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
background-image:url("../style/images/htlview.png");background-repeat:no-repeat;background-position:center; 
}
 
}
 
A:link, A:visited, A:active { text-decoration: none }
 
.container {
display: table;
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 25px;
margin: auto auto;
position:relative;
top:5px;
 
}
 
#content {
margin:15px auto;
 
 
}
.content-header-container {
background:#367898;
height:39px;
border:1px solid #204659;
border-radius:5px 5px 0 0;
}
.content-header-container .content-header {
line-height:36px;
font-size:14px;
color:#FFF;
text-align:center;
border:2px solid #4A8099;
border-bottom-width:0;
border-radius:5px 5px 0 0;
}
.content-container {
background:#DFDFDF;
border:1px solid #A0A0A0;
border-bottom-top:0;
border-bottom-width:3px;
border-radius:0 0 5px 5px;
}
.content-container .content {
color:#3A3A38;
border:2px solid #F5F7F2;
border-top-width:0;
border-radius:0 0 5px 5px;
}
.content-container .content div {
padding:4px;
}
 
}
 
.right {
float:right;
}
.left {
float:left;
}
 
.columnOne {
width: 525px;
float: left;
margin-right: 25px;
}
 
.columnTwo {
width: 300px;
float: right;
}
 
.columnThree {
width: 300px;
float: left;
}
 
.columnFour {
width: 525px;
float: right;
margin-left: 25px;
 
}
#figure{
display:block;
float:right;
height:120px;
position:relative;
overflow:hidden;
white-space:nowrap;
z-index:100;
top:600px;
right:1310px
}
#sidebar{
display:block;
font-size:11px;
color:#000;
background-color:#FFF;
float:left;
height:124px;
width:197px;
position:relative;
overflow:hidden;
white-space:nowrap;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
top:440px;
left:375px;
}
#sidebarindex{
display:block;
font-size:11px;
color:#000;
background-color:#FFF;
float:left;
height:124px;
width:197px;
position:relative;
overflow:hidden;
white-space:nowrap;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
top:495px;
left:375px;
}
#navi{
float:left;
display:block;
background-color:#57544d;
width:86px;
height:542;
position:relative;
overflow:hidden;
white-space:nowrap;
border-radius:5px;
top:-75px;
left:-190px;
color:#FFF;
}
#avatarcontainer{
float:left;
display:block;
background-color:#FFF;
width:73px;
height:131;
overflow:hidden;
white-space:nowrap;
margin-left: 10px; 
border-radius:5px;
 
}
#navAvatar {
display:block;
height: 72px;
float:center;
width: 60px;
position: absolute;
overflow: hidden;
 
}
#newsContent {
display:block;
height:30px;
width:260px;
background-color:#FFF;
border-radius: 5px;
}
 
.roomnav {
display: block;
width: 60px;
height: 56px;
background: url('/app/tpl/skins/Interface/style/images/roomn.png') bottom;
text-indent: -99999px;
}
.roomnav:hover {
background-position: 0 0;
}
.newsnav {
display: block;
width: 60px;
height: 56px;
background: url('/app/tpl/skins/Interface/style/images/navinews.png') bottom;
text-indent: -99999px;
}
.newsnav:hover {
background-position: 0 0;
}
.settingsnav{
display: block;
width: 60px;
height: 56px;
background: url('/app/tpl/skins/Interface/style/images/naviset.png') bottom;
text-indent: -99999px;
}
.settingsnav:hover {
background-position: 0 0;
}
.storenav{
display: block;
width: 60px;
height: 56px;
background: url('/app/tpl/skins/Interface/style/images/navistore.png') bottom;
text-indent: -99999px;
}
.storenav:hover {
background-position: 0 0;
}
.staffnav{
display: block;
width: 60px;
height: 56px;
background: url('/app/tpl/skins/Interface/style/images/navistaff.png') bottom;
text-indent: -99999px;
}
.staffnav:hover {
background-position: 0 0;
}
#indexfigure{
display:block;
float:right;
height:120px;
position:relative;
overflow:hidden;
white-space:nowrap;
z-index:100;
top:700px;
right:1310px
}
#Question {
display:block;
height:60px;
text-align:center;
padding:10px 20px 0 10px;
}
#QuestionS {
display:block;
height:60px;
text-align:center;
padding:10px 20px 0 10px;
}
 
#QuestionS input {
padding:6px 5px 6px 5px;
font-size:170%;
float:right;
width:240px;
text-align:center;
}
 
select {
padding:6px 5px 6px 5px;
font-size:120%;
text-align:center;
}
 
input {
padding:6px 5px 6px 5px;
font-size:170%;
width:450px;
text-align:center;
}
.active-habbo-image,#homes-habblet-list-container .active-habbo-data{display:none;position:absolute;left:-1000px}

 

[Adidas]

I really like this! Thanks for this Skin!

 

[iJamezPro]

Just tried this theme, i got the box's and everything working, but the images for the navi + news wont load, can anyone help me fix it, if you can i will offer staff on my other hotel, thankyou.

 

[CronicHosts]

I posted the fix, Replace your style.css with my post a few posts above