SidePanel Instances

stylecss.php and topcss.php are attached.

I was unable to attach the php files, so I will post them in two following posts. Please look at them. You will see, all I did was simplify the handle to be more aesthetic.

/*topcss.php*/

<?php
/**
* @package SidePanel Module for Joomla 3.0 By Joomlatema.net
* @version $Id: mod_SidePanel_JT1.php 2012-07-07 Joomlatema.Net $
* @author Muratyil
* @copyright (C) 2010- Muratyil
* @license GPLv3 www.gnu.org/licenses/gpl-3.0.html
**/
header('content-type: text/css');
$moduleId = $_GET;
?>
#sidepanel_jt<?php echo $moduleId ?> {
}

#sidepanel_jt<?php echo $moduleId ?> .handle<?php echo $moduleId ?> {
}
#sidepanel_jt<?php echo $moduleId ?>.open .handle<?php echo $moduleId ?> {
/* background-image:url(../images/panel_close_top.png);
background-repeat:no-repeat;
background-position: 95% center; */
}
#sidepanel_jt<?php echo $moduleId ?> h2.title {
}
#sidepanel_jt<?php echo $moduleId ?> .content {
}
#sidepanel_jt<?php echo $moduleId ?> a.handle<?php echo $moduleId ?>{
/*background-image:url(../images/panel_open.png);
background-repeat:no-repeat;
background-position: 95% center; */
text-decoration:none;
width:90px;
height:35px;
left:-6px;
text-align:center;
}
#sidepanel_jt<?php echo $moduleId ?>.open .handle<?php echo $moduleId ?>,#sidepanel_jt<?php echo $moduleId ?> .handle<?php echo $moduleId ?>{
box-shadow:0px 3px 3px rgba(0, 0, 0, 0.3);

/*stylecss.php*/

<?php
/**
* @package SidePanel Module for Joomla 3.0 By Joomlatema.net
* @version $Id: mod_SidePanel_JT1.php 2012-07-07 Joomlatema.Net $
* @author Muratyil
* @copyright (C) 2010- Muratyil
* @license GPLv3 www.gnu.org/licenses/gpl-3.0.html
**/
header('content-type: text/css');
$moduleId = $_GET;
?>
#sidepanel_jt<?php echo $moduleId ?> {
padding: 10px 15px;
min-height:100px;
height:auto !important;
height:100px;
z-index:2000;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow:2px 0 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:2px 0 5px rgba(0, 0, 0, 0.5);
}

#sidepanel_jt<?php echo $moduleId ?> .handle<?php echo $moduleId ?> {
top:100%;
}
#sidepanel_jt.open .handle<?php echo $moduleId ?> {
top:100%
}
#sidepanel_jt<?php echo $moduleId ?> h2.title {
margin-top:5px;
}
#sidepanel_jt<?php echo $moduleId ?> .content {
clear:both;
}
span.tab_text{line-height:40px;color:#fff;font-size:14px;font-weight:bold;float:center;text-decoration:none;}

Hello on topcss.php add that code
top: -350px;
under that element
#sidepanel_jt<?php echo $moduleId ?> .handle<?php echo $moduleId ?> {

}
it sholud be like this
#sidepanel_jt<?php echo $moduleId ?> .handle<?php echo $moduleId ?> {
top: -350px;
}

When I add the following code to topcss.php the handle is removed from sight.

}
it sholud be like this
#sidepanel_jt<?php echo $moduleId ?> .handle<?php echo $moduleId ?> {
top: -350px;
}

I will attach the code to next post so you can see if it is correct.