Printable View
I'm trying to create Subnavi for each tabs for RevCMS
This is what I have so far
But when I go to localhost I get thisPHP Code:<ul id="navi">
<li <?php echo "class=\"selected\""; ?>><strong>{username}</strong><span></span></li>
<li <?php echo "class=\"selected\""; ?>><a href="{url}/community">Community</a><span></span></li>
<li <?php echo "class=\"selected\""; ?>><a href="{url}/shop">Shop</a><span></span></li>
</ul>
http://i60.tinypic.com/vet1kl.png
It's because you have each class selected at once;
Needs not be selected :):Quote:
<?php echo "class="selected"
Okay but when I want to switch page I want the next page to be selected How can I make that happen?Quote:
Originally Posted by FatalLulz
I have this now in my code.
When I click on Me Tab it don't switch the page.PHP Code:<li><strong>{username}</strong><span></span></li>
<li <?php echo "class=\"selected\""; ?>><a href="{url}/community">Community</a><span></span></li>
<li><a href="{url}/shop">Shop</a><span></span></li>
You open that page's php file, find where it has <li blah blah blah {url}/link">Pagenameyouwanttoedit</a> and make the starting class on that line selected and the rest not selected. So for instance, if you want the shop tab selected you would set it like so,
PHP Code:<li><a href="{url}/me"><strong>{username}</strong></a><span></span></li>
<li><a href="{url}/community">Community</a><span></span></li>
<li <?php echo "class=\"selected\""; ?>><a href="{url}/shop">Shop</a><span></span></li>
I have fixed it and now I'm having problems with the staff page, and it's only that page.
Here is the snippet of the staff.php (you don't need the whole code)
and this is what happeningPHP Code:<!DOCTYPE html>
<?php include('includes/checktheban.php'); ?>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{hotelName} - Staff</title>
<link rel="stylesheet" href="{image}/web-gallery/static/styles/common.css" type="text/css">
<script type="text/javascript" src="{image}/web-gallery/static/js/libs2.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/visual.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/libs.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/common.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/fullcontent.js"></script>
<script type="text/javascript">
document.habboLoggedIn = true;
var habboName = "{username}";
var habboId = {userid};
var habboReqPath = "";
var habboStaticFilePath = "{url}/app/tpl/skins/Habbo";
var habboImagerUrl = "http://www.habbo.com/habbo-imaging/";
var habboPartner = "";
var habboDefaultClientPopupUrl = "{url}/client";
window.name = "habboMain";
if (typeof HabboClient != "undefined") {
HabboClient.windowName = "eac955c8dbc88172421193892a3e98fc7402021a";
HabboClient.maximizeWindow = true;
}
</script>
<!--[if IE 8]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie8.css" type="text/css">
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie6.css" type="text/css" />
<script type="text/javascript" src="{url}/app/tpl/skins/v2/js/pngfix.js"></script>
<script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script>
<style type="text/css">
body { behavior: url({url}/app/tpl/skins/v2/js/csshover.htc); }
</style>
<![endif]-->
<style type="text/css">
#navi2-container {
background-image: url({image}/web-gallery/v2/images/navi2-bottom-wide.png);
}
#navi2 {
background-image: url({image}/web-gallery/v2/images/navi2-borders-wide.png);
}
#navi2 ul {
margin: 0 12px;
}
.staffBox {
border-bottom: 1px dashed #cccccc;
min-height: 60px;
}
.staffBox:last-child {
border-bottom: none;
}
</style>
</head>
<body id="home">
<div id="overlay"></div>
<ul id="navi">
<?php $navigatorID = 2; include ("includes/header.php"); ?>
</div>
</div>
</div>
<div id="content-container">
<div id="navi2-container" class="pngbg">
<div id="navi2" class="pngbg clearfix">
<ul>
<?php
$subNavigatorID = 3;
include ("includes/subnavi.php");
?>
</ul>
</div>
</div>
<div id="container">
<div id="content" style="position: relative" class="clearfix">
<div id="column1" class="column" style="width: 33.33%;">
<div class="habblet-container">
<div class="cbb clearfix red">
http://i62.tinypic.com/6ykuf9.png
Yet here is example of the community page
here is the php
Yet its clean lookPHP Code:<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{hotelName} - Community</title>
<link rel="stylesheet" href="{image}/web-gallery/static/styles/common.css" type="text/css">
<link rel="stylesheet" href="{image}/web-gallery/static/styles/lightweightmepage.css" type="text/css">
<link rel="stylesheet" href="{image}/web-gallery/static/styles/campaigns.css" type="text/css">
<script type="text/javascript" src="{image}/web-gallery/static/js/libs2.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/visual.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/libs.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/common.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/fullcontent.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/lightweightmepage.js"></script>
<script type="text/javascript">
document.habboLoggedIn = true;
var habboName = "{username}";
var habboId = {userid};
var habboReqPath = "";
var habboStaticFilePath = "{url}/app/tpl/skins/Habbo";
var habboImagerUrl = "http://www.habbo.com/habbo-imaging/";
var habboPartner = "";
var habboDefaultClientPopupUrl = "{url}/client";
window.name = "habboMain";
if (typeof HabboClient != "undefined") {
HabboClient.windowName = "eac955c8dbc88172421193892a3e98fc7402021a";
HabboClient.maximizeWindow = true;
}
</script>
<!--[if IE 8]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie8.css" type="text/css">
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie6.css" type="text/css" />
<script type="text/javascript" src="{url}/app/tpl/skins/v2/js/pngfix.js"></script>
<script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script>
<style type="text/css">
body { behavior: url({url}/app/tpl/skins/v2/js/csshover.htc); }
</style>
<![endif]-->
</head>
<body id="home">
<div id="overlay"></div>
<?php $navigatorID = 2; include ("includes/header.php"); ?>
</div>
</div>
</div>
<div id="content-container">
<div id="navi2-container" class="pngbg">
<div id="navi2" class="pngbg clearfix">
<ul>
<?php
$subNavigatorID = 1;
include ("includes/subnavi.php");
?>
</ul>
http://i58.tinypic.com/aoktp3.png
This should fix it;
PHP Code:<!DOCTYPE html>
<?php include('includes/checktheban.php'); ?>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>{hotelName} - Staff</title>
<link rel="stylesheet" href="{image}/web-gallery/static/styles/common.css" type="text/css">
<script type="text/javascript" src="{image}/web-gallery/static/js/libs2.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/visual.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/libs.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/common.js"></script>
<script type="text/javascript" src="{image}/web-gallery/static/js/fullcontent.js"></script>
<script type="text/javascript">
document.habboLoggedIn = true;
var habboName = "{username}";
var habboId = {userid};
var habboReqPath = "";
var habboStaticFilePath = "{url}/app/tpl/skins/Habbo";
var habboImagerUrl = "http://www.habbo.com/habbo-imaging/";
var habboPartner = "";
var habboDefaultClientPopupUrl = "{url}/client";
window.name = "habboMain";
if (typeof HabboClient != "undefined") {
HabboClient.windowName = "eac955c8dbc88172421193892a3e98fc7402021a";
HabboClient.maximizeWindow = true;
}
</script>
<!--[if IE 8]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie8.css" type="text/css">
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie.css" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" href="{url}/app/tpl/skins/v2/styles/ie6.css" type="text/css" />
<script type="text/javascript" src="{url}/app/tpl/skins/v2/js/pngfix.js"></script>
<script type="text/javascript">
try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {}
</script>
<style type="text/css">
body { behavior: url({url}/app/tpl/skins/v2/js/csshover.htc); }
</style>
<![endif]-->
<style type="text/css">
#navi2-container {
background-image: url({image}/web-gallery/v2/images/navi2-bottom-wide.png);
}
#navi2 {
background-image: url({image}/web-gallery/v2/images/navi2-borders-wide.png);
}
#navi2 ul {
margin: 0 12px;
}
.staffBox {
border-bottom: 1px dashed #cccccc;
min-height: 60px;
}
.staffBox:last-child {
border-bottom: none;
}
</style>
</head>
<body id="home">
<div id="overlay"></div>
<?php $navigatorID = 2; include ("includes/header.php"); ?>
</div>
</div>
</div>
<div id="content-container">
<div id="navi2-container" class="pngbg">
<div id="navi2" class="pngbg clearfix">
<ul>
<?php
$subNavigatorID = 3;
include ("includes/subnavi.php");
?>
</ul>
<div id="container">
<div id="content" style="position: relative" class="clearfix">
<div id="column1" class="column" style="width: 33.33%;">
<div class="habblet-container">