Basically what this does is create slide out menus for the sections already in the smenu and organize it so its not a big list to look through. Its got the same sections setup for staff as a stock mccodes v2 staff menu
the included css has a soild blue background instead of the transparent because i have a similar menu as my main menu and the blue didnt go with my layout.
screenshot: http://i909.photobucket.com/albums/ac299/skizzy2/screenshot.png
replace smenu.php
<link rel="stylesheet" type="text/css" media="screen,projection" href="style.css" />
<?php
global $db,$c,$ir, $set;
print "<div class='mainmenu'>
<ul>
<li class='li_hc'><a href='#' >General</a><ul class='ul_ch'>
<li class='li_nc'><a href='index.php' >Back to Game</a></li>
<li class='li_nc'><a href='Staff.php' >Index</a></li>";
if($ir['user_level']==2)
{
print "
<li class='li_nc'><a href='staff.php?action=basicset' >Basic Settings</a></li>
<li class='li_nc'><a href='staff.php?action=announce' >Add Announcment</a></li>
</ul></li>";
}
if($ir['user_level'] <= 3)
{
print "
<li class='li_hc'><a href='#' >Users</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_users.php?action=newuser' >Create New User</a></li>
<li class='li_nc'><a href='staff_users.php?action=edituser' >Edit Users</a></li>
<li class='li_nc'><a href='staff_users.php?action=deluser' >Delete User</a></li>
<li class='li_nc'><a href='staff_users.php?action=invbeg' >View User Inventory</a></li>
<li class='li_nc'><a href='staff_users.php?action=creditform' >Credit User</a></li>";
}
if($ir['user_level']==2)
{
print "
<li class='li_nc'><a href='staff_users.php?action=masscredit' >Mass Payment</a></li>
<li class='li_nc'><a href='staff_users.php?action=forcelogout' >Force User Logout</a></li>
<li class='li_nc'><a href='staff_users.php?action=reportsview' >Player Reports</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Items</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_items.php?action=newitem' >Create New item</a></li>
<li class='li_nc'><a href='staff_items.php?action=giveitem' >Give Item to user</a></li>
<li class='li_nc'><a href='staff_items.php?action=edititem' >Edit Item</a></li>
<li class='li_nc'><a href='staff_items.php?action=killitem' >Delete Item</a></li>
<li class='li_nc'><a href='staff_items.php?action=newitemtype' >Add Item type</a></li>
</ul></li>
<li class='li_hc'><a href='#' >logs</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_logs.php?action=atklogs' >Attack Logs</a></li>
<li class='li_nc'><a href='staff_logs.php?action=cashlogs' >Cash Xfer Logs</a></li>
<li class='li_nc'><a href='staff_logs.php?action=cryslog' >Crystal Xfer logs</a></li>
<li class='li_nc'><a href='staff_logs.php?action=banklogs' >Bank Xfers Logs</a></li>
<li class='li_nc'><a href='staff_logs.php?action=itmlogs' >Item Xfers log</a></li>
<li class='li_nc'><a href='staff_logs.php?action=maillogs' >Mail Logs</a></li>
<li class='li_nc'><a href='staff_logs.php?action=stafflogs' >Staff Logs</a></li>
</ul></li>";
}
if($ir['user_level'] <= 3)
{
Print" <li class='li_hc'><a href='#' >Gangs</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_gangs.php?action=grecord' >Gang Record</a></li>
<li class='li_nc'><a href='staff_gangs.php?action=gcredit' >Credit Gang</a></li>
<li class='li_nc'><a href='staff_gangs.php?action=gwar' >Manage Gang Wars</a></li>
<li class='li_nc'><a href='staff_gangs.php?action=gedit' >Edit Gang</a></li>
</ul></li>";
}
if($ir['user_level']==2)
{
print "
<li class='li_hc'><a href='#' >Shops</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_shops.php?action=newshop' >Create New Shop</a></li>
<li class='li_nc'><a href='staff_shops.php?action=newstock' >Add Item to Shop</a></li>
<li class='li_nc'><a href='staff_shops.php?action=delshop' >Delete Shop</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Polls</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_polls.php?action=spoll' >Start Poll</a></li>
<li class='li_nc'><a href='staff_polls.php?action=endpoll' >End Poll</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Jobs</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_jobs.php?action=newjob' >Make New Job</a></li>
<li class='li_nc'><a href='staff_jobs.php?action=jobedit' >Edit Job</a></li>
<li class='li_nc'><a href='staff_jobs.php?action=jobdele' >Delete Job</a></li>
<li class='li_nc'><a href='staff_jobs.php?action=newjobrank' >Make New Job Rank</a></li>
<li class='li_nc'><a href='staff_jobs.php?action=jobrankedit' >Edit Job Rank</a></li>
<li class='li_nc'><a href='staff_jobs.php?action=jobrankdele' >Delete Job Rank</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Houses</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_houses.php?action=addhouse' >Add House</a></li>
<li class='li_nc'><a href='staff_houses.php?action=edithouse' >Edit House</a></li>
<li class='li_nc'><a href='staff_houses.php?action=delhouse' >Delete House</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Cities</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_cities.php?action=addcity' >Add City</a></li>
<li class='li_nc'><a href='staff_cities.php?action=editcity' >Edit City</a></li>
<li class='li_nc'><a href='staff_cities.php?action=delcity' >Deletecity</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Fourms</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_forums.php?action=addforum' >Add Forum</a></li>
<li class='li_nc'><a href='staff_forums.php?action=editforum' >Edit Forum</a></li>
<li class='li_nc'><a href='staff_forums.php?action=delforum' >Delete Forum</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Courses</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_courses.php?action=addcourse' >Add Course</a></li>
<li class='li_nc'><a href='staff_courses.php?action=editcourse' >Edit Course</a></li>
<li class='li_nc'><a href='staff_courses.php?action=delcourse' >Delete Course</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Crimes</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_crimes.php?action=newcrime' >Create New Crime</a></li>
<li class='li_nc'><a href='staff_crimes.php?action=editcrime' >Edit Crime</a></li>
<li class='li_nc'><a href='staff_crimes.php?action=delcrime' >Delete Crime</a></li>
<li class='li_nc'><a href='staff_crimes.php?action=newcrimegroup' >Create New Crime Group</a></li>
<li class='li_nc'><a href='staff_crimes.php?action=editcrimegroup' >Edit Crime Group</a></li>
<li class='li_nc'><a href='staff_crimes.php?action=delcrimegroup' >Delete Crime Group</a></li>
<li class='li_nc'><a href='staff_crimes.php?action=reorder' >Reorder Crim Groups</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Battle Tent</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_battletent.php?action=addbot' >Add Challenge Bot</a></li>
<li class='li_nc'><a href='staff_battletent.php?action=editbot' >Edit Challange Bot</a></li>
<li class='li_nc'><a href='staff_battletent.php?action=delbot' >Remove Challenge Bot</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Punishements</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_punit.php?action=mailform' >Mail Ban User</a></li>
<li class='li_nc'><a href='staff_punit.php?action=unmilform' >Un-Mail Ban User</a></li>
<li class='li_nc'><a href='staff_punit.php?action=forumform' >Forum Ban User</a></li>
<li class='li_nc'><a href='staff_punit.php?action=unforumform' >Un-Fourm Ban User</a></li>
<li class='li_nc'><a href='staff_punit.php?action=fedform' >Jail User</a></li>
<li class='li_nc'><a href='staff_punit.php?action=fedeform' >Edit Fed Jail Sentence</a></li>
<li class='li_nc'><a href='staff_punit.php?action=unfedform' >Un jail user</a></li>
<li class='li_nc'><a href='staff_punit.php?action=ipform' >Ip Search</a></li>
</ul></li>
<li class='li_hc'><a href='#' >Special</a><ul class='ul_ch'>
<li class='li_nc'><a href='staff_special.php?action=editnews' >Edit Newspaper</a></li>
<li class='li_nc'><a href='staff_special.php?action=massmailer' >Mass Mailer</a></li>
<li class='li_nc'><a href='staff_special.php?action=stafflist' >Staff List</a></li>
<li class='li_nc'><a href='staff_special.php?action=userlevelform' >Adjust User Level</a></li>
<li class='li_nc'><a href='staff_special.php?action=givedpform' >Give User Donator Pack</a></li>
</ul></li>";
}
Print"<li class='li_nc'><a href='logout.php' >Logout</a></li>
</ul>
</div></br>
Time is now<br />
";
echo date ('F j, Y')."<br />".date('g:i:s a');
?>
create style.css
@charset "utf-8";
/* CSS Document */
body {
background-color: #ffffff;
/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");
}
/* pull-down mainmenu css */
.mainmenu{
width: 15em;
padding: 0;
float: left;
}
.mainmenu ul {
float: left;
width: 100%;
list-style: none;
line-height: 1;
color:#FFFF00;
background: #000080;
padding: 0;
border: solid #A0A0A4;
border-width: 1px 1px;
margin: 0 0 0 0;
}
.mainmenu a, .mainmenu a:visited {
display: block;
width: 100%;
font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:bold;font-style:normal;text-decoration:underline;
color: #FFFF00;
text-decoration: none;
padding: 1em 0em;
text-indent:1em;
margin: 0;
}
.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
width:100%;
height:100%;
}
.mainmenu ul a{
width: 100%;
}
.mainmenu li {
float: left;
width:100%;
margin:0;
padding:0;
}
.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li {width:100%;} /* !!!!! */
.mainmenu li ul {
position: absolute;
left: -999em;
height: auto;
width:15em;
background: #000080;
font-weight: normal;
border-width: 1px;
margin: 0;
}
.mainmenu li li {
width: 100% ;
}
.mainmenu li a{width: 100% ; }
.mainmenu li li a{
width: 100%;
}
.mainmenu li ul {
margin: -2.1em 0 0 -0.3em;
}
.mainmenu li ul ul {
margin: -2.1em 0 0 -0.3em;
}
.ul_ch,
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch
{
left: 100%; /* !!! */
}
.mainmenu li:hover{
background: #FF0000;
}
.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
color:#FFFF00;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a,
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
color:#FFFF00;
}
.mainmenu li li:hover, .mainmenu li li li:hover,
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover
{
background: #B90000;
z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a,
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
color: #FFFF00;
}
.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
color: #FFFF00;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
color: #FFFF00;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
color: #FFFF00;
}
/* end of mainmenu css */
create cssHover2.htc
<attach event="ondocumentready" handler="parseStylesheets" />
<script>
/**
* Whatever:hover - V2.02.060206 - hover, active & focus
* ------------------------------------------------------------
* (c) 2005 - Peter Nederlof
* Peterned - http://www.xs4all.nl/~peterned/
* License - http://creativecommons.org/licenses/LGPL/2.1/
*
* Whatever:hover is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 2.1 of the License, or (at your option) any later version.
*
* Whatever:hover is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* Credits and thanks to:
* Arnoud Berendsen, Martin Reurings, Robert Hanson
*
* howto: body { behavior:url("csshover.htc"); }
* ------------------------------------------------------------
*/
var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
onhover:{on:'onmouseover', off:'onmouseout'},
onactive:{on:'onmousedown', off:'onmouseup'},
onunknown:{on:'onfocus', off:'onblur'}
}
function parseStylesheets() {
if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
window.attachEvent('onunload', unhookHoverEvents);
var sheets = doc.styleSheets, l = sheets.length;
for(var i=0; i<l; i++)
parseStylesheet(sheets[i]);
}
function parseStylesheet(sheet) {
if(sheet.imports) {
try {
var imports = sheet.imports, l = imports.length;
for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
} catch(securityException){}
}
try {
var rules = (currentSheet = sheet).rules, l = rules.length;
for(var j=0; j<l; j++) parseCSSRule(rules[j]);
} catch(securityException){}
}
function parseCSSRule(rule) {
var select = rule.selectorText, style = rule.style.cssText;
if(!csshoverReg.test(select) || !style) return;
var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
var affected = select.replace(/:(hover|active|unknown).*$/, '');
var elements = getElementsBySelect(affected);
if(elements.length == 0) return;
currentSheet.addRule(newSelect, style);
for(var i=0; i<elements.length; i++)
new HoverElement(elements[i], className, activators[pseudo]);
}
function HoverElement(node, className, events) {
if(!node.hovers) node.hovers = {};
if(node.hovers[className]) return;
node.hovers[className] = true;
hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
}
function hookHoverEvent(node, type, handler) {
node.attachEvent(type, handler);
hoverEvents[hoverEvents.length] = {
node:node, type:type, handler:handler
};
}
function unhookHoverEvents() {
for(var e,i=0; i<hoverEvents.length; i++) {
e = hoverEvents[i];
e.node.detachEvent(e.type, e.handler);
}
}
function getElementsBySelect(rule) {
var parts, nodes = [doc];
parts = rule.split(' ');
for(var i=0; i<parts.length; i++) {
nodes = getSelectedNodes(parts[i], nodes);
} return nodes;
}
function getSelectedNodes(select, elements) {
var result, node, nodes = [];
var identify = (/\#([a-z0-9_-]+)/i).exec(select);
if(identify) {
var element = doc.getElementById(identify[1]);
return element? [element]:nodes;
}
var classname = (/\.([a-z0-9_-]+)/i).exec(select);
var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
for(var i=0; i<elements.length; i++) {
result = tagName? elements[i].all.tags(tagName):elements[i].all;
for(var j=0; j<result.length; j++) {
node = result[j];
if(classReg && !classReg.test(node.className)) continue;
nodes[nodes.length] = node;
}
}
return nodes;
}
</script>
