Slide it Menu Help! [Archive]

MarvinHalliwell

02-04-2006, 04:19 AM

Ok I need help making this so the main section is the bigger, i cant seem to do it? Can anyone Help. Please!

<html>
<head>
<title>SlideItIn Menu</title>
<style type="text/css">
a {color:#000000;font-family:arial;font-weight:bold;font-size:10px;text-decoration:none;line-height:20px;}
strong {font-family:arial;font-size:15px;font-weight:bold;line-height:25px;}
p {font-family:'arial';font-size:10px;line-height:13px;}
td {font-family:'arial';font-size:10px;line-height:13px;}
#slideoutInterface {position:relative;left:50;top:50;width:400;height:250;clip:rect(0,400,250,0);background-color:#ffffff;visibility:visible;}
#slideoutSidebar1 {position:absolute;left:5;top:5;width:100;height:30;clip:rect(0,100,30,0);background-color:#9797ff; }
#slideoutSidebar2 {position:absolute;left:5;top:40;width:100;height:30;clip:rect(0,100,30,0);background-color:#ffff00;}
#slideoutSidebar3 {position:absolute;left:5;top:75;width:100;height:30;clip:rect(0,100,30,0);background-color:#ff80c0;}
#slideoutSidebar4 {position:absolute;left:5;top:110;width:100;height:30;clip:rect(0,100,30,0);background-color:#00ff80; }
#slideoutSidebar5 {position:absolute;left:5;top:145;width:100;height:30;clip:rect(0,100,30,0);background-color:#ff5353;}
#slideoutContent {position:absolute;left:110;top:5;width:285;height:240;clip:rect(0,285,240,0);background-color:#dedede;}
#slideoutContent1 {position:absolute;left:0;top:0;width:285;height:240;clip:rect(0,285,240,0); background-color:#dedede; visibility:visible;}
#slideoutContent2 {position:absolute;left:0;top:-240;width:285;height:240;clip:rect(0,285,240,0);background-color:#dedede;visibility:hidden;}
#slideoutContent3 {position:absolute;left:0;top:-240;width:285;height:240;clip:rect(0,285,240,0);background-color:#dedede;visibility:hidden;}
#slideoutContent4 {position:absolute;left:0;top:-240;width:285;height:240;clip:rect(0,285,240,0);background-color:#dedede;visibility:hidden;}
#slideoutContent5 {position:absolute;left:0;top:-240;width:285;height:240;clip:rect(0,285,240,0);background-color:#dedede;visibility:hidden;}
</style>
<script language="javascript" type="text/javascript">
/*
document.all and document.layers script changed/trimmed to work in IE6 and FF by gmn17AThotmail.com
*/
function init(){
slideoutActive = 0;
slideout1 = slideoutContent1.style;
slideout2 = slideoutContent2.style;
slideout3 = slideoutContent3.style;
slideout4 = slideoutContent4.style;
slideout5 = slideoutContent5.style;
slideoutShown = slideout1;
slideoutShown.ypos = 0;
slideoutNew = "none";
slideoutNew.ypos = -240;
}
function slideout(which){
if (!slideoutActive && slideoutShown != which) {
slideoutActive = 1;
slideoutNew = which;
slideoutNew.ypos = -240;
slideoutLeft();
}}
function slideoutLeft(){
if (slideoutShown.ypos > -240){
slideoutShown.ypos -= 15;
slideoutShown.top = slideoutShown.ypos;
setTimeout("slideoutLeft()",30);
}else{
hide(slideoutShown);
show(slideoutNew);
setTimeout("slideoutRight()",50);
}}
function slideoutRight(){
if (slideoutNew.ypos < 0){
slideoutNew.ypos += 15;
slideoutNew.top = slideoutNew.ypos;
setTimeout("slideoutRight()",30);
}else{
slideoutShown = slideoutNew;
slideoutActive = 0; // stops the sequence
}}
function show(showobj){
showobj.visibility = "visible";
}
function hide(hideobj) {
hideobj.visibility = "hidden";
}
</script>
</head>
<body bgcolor="#ffffff" onload="init();">
<div id="slideoutInterface">
<div id="slideoutSidebar1">
<p align="center"><a href="javascript:slideout(slideout1)">Main Page Home</a></p>
</div>
<div id="slideoutSidebar2">
<p align="center"><a href="javascript:slideout(slideout2)">Staff Rules</a></p>
</div>
<div id="slideoutSidebar3">
<p align="center"><a href="javascript:slideout(slideout3)">Staff Logins</a></p>
</div>
<div id="slideoutSidebar4">
<p align="center"><a href="javascript:slideout(slideout4)">Staff News</a></p>
</div>
<div id="slideoutSidebar5">
<p align="center"><a href="javascript:slideout(slideout5)">Help</a></p>
</div>
<div id="slideoutContent">
<div id="slideoutContent1">
<p align="center"><strong>Contact Us</strong> </p>
<table border="0" width="275">
<tr>
<td>You can visit <a href="http://jsmadeeasy.com">our site</a> <p>and review and download the huge number of cool scripts! </td>
</tr>
</table>
</div>
<div id="slideoutContent2">
<p align="center"><strong>Staff Rules</strong> </p>
<table border="0" width="275">
<tr>
<td>Please Select The Catogory Below!

<BR>| <a href="djrules.php">DJ Rules </a> | <a href="cutenewsrules.php">Cutenews Rules </a> | </p></center>
</td>
</tr>
</table>
</div>
<div id="slideoutContent3">
<p align="center"><strong>Staff Logins</strong> </p>
<table border="0" width="275">
<tr>
<td><p align="center" class="style2 style3"><a href="http://www.think-habbo.be/cutenews/index.php" target="_blank">News, alternterations, guides login</a></p>
<p align="center" class="style2 style3"><a href="http://www.think-habbo.be/cpanel" target="_blank">Cpanel Login</a></p>
<p align="center" class="style2 style3"><a href="http://www.think-habbo.be/webmail" target="_blank">Webmail Login</a></p>
<p align="center" class="style2 style3"><a href="http://www.think-habbo.be/staff/shout/shout.php" target="main">Dj Login </a></p>
<p align="center" class="style2 style3"><a href="http://www.think-habbo.be/staff/shout/djsays.php" target="main">Dj Says</a></p>
</td>
</tr>
</table>
</div>
<div id="slideoutContent4">
<p align="center"><strong>Staff news</strong> </p>
<table border="0" width="275">
<tr>
<td><?PHP
$number=4;
$template="main";
$category=2;
include("/home/marvin/public_html/cutenews/show_news.php");
?>
</tr>
</table>
</div>
<div id="slideoutContent5">
<p align="center"><strong>Order</strong> </p>
<table border="0" width="275">
<tr>
<td>you can visit <a href="http://jsmadeeasy.com">our site</a> <p>and review and download the huge number of cool scripts! </td>
</tr>
</table>
</div>
</div></div>
</body>