Most competent developers would charge you $75+/hour or more for answers of the caliber you will find in these forums.
The following tutorial will tell you how to remove the Control Panel
1. Open index.php
2. Find
<div id="fxContainer">
<div id="fxTarget">
<div id="fxPadding" class="wrapper">
<?php mosLoadModules('header', -2); ?>
</div>
</div>
<div id="fxShadow"></div>
<div id="fxTab">
<span id="fxTrigger"> </span>
</div>
</div>
3a. Comment out
<!--
<div id="fxContainer">
<div id="fxTarget">
<div id="fxPadding" class="wrapper">
<?php mosLoadModules('header', -2); ?>
</div>
</div>
<div id="fxShadow"></div>
<div id="fxTab">
<span id="fxTrigger"> </span>
</div>
</div>-->
or
3b. Delete
4. Find
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/rt_tools_packed.js"></script>
5a. Comment out
<!--
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/rt_tools_packed.js"></script>-->
or
5b. Delete
Note: That will remove the control panel from appearing but for total removal, do the following
6. Delete fx-tab.png and fx-shadow from the
/templates/rt_colormatic/images/style#/ directory
7. Open template_css.css
8. Find
#fxContainer {
position: absolute;
left: 0;
top: 0;
z-index: 20;
width: 100%;
}
#fxTarget {
width: 100%;
position: relative;
top: 0;
z-index: 19;
overflow: hidden;
height: 0px;
}
#fxPadding {
visibility: hidden;
padding: 0 45px;
}
#fxShadow {
position: relative;
width: 100%;
height: 6px;
overflow: hidden;
z-index: 20;
}
#fxTrigger {
cursor: pointer;
}
#fxTab {
position: relative;
bottom: 0;
margin: -6px auto;
text-align: center;
height: 38px;
line-height: 36px;
font-weight: bold;
width: 162px;
z-index: 21;
}
#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
z-index: 100;
}
#fxTab a:hover {
text-decoration: none;
}
9a. Comment out
/*
#fxContainer {
position: absolute;
left: 0;
top: 0;
z-index: 20;
width: 100%;
}
#fxTarget {
width: 100%;
position: relative;
top: 0;
z-index: 19;
overflow: hidden;
height: 0px;
}
#fxPadding {
visibility: hidden;
padding: 0 45px;
}
#fxShadow {
position: relative;
width: 100%;
height: 6px;
overflow: hidden;
z-index: 20;
}
#fxTrigger {
cursor: pointer;
}
#fxTab {
position: relative;
bottom: 0;
margin: -6px auto;
text-align: center;
height: 38px;
line-height: 36px;
font-weight: bold;
width: 162px;
z-index: 21;
}
#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
z-index: 100;
}
#fxTab a:hover {
text-decoration: none;
}*/
or
9b. Delete
10. Find
#fxPadding div.moduletable h3 {
float: left;
margin: 0;
padding: 0;
line-height: 40px;
height: 40px;
}
#fxPadding form {
float: left;
padding-left: 30px;
height: 22px;
margin-top: 8px;
}
#fxPadding div.loginelement {
float: left;
margin-left: 30px;
height: 22px;
line-height: 22px
}
#fxPadding div.loginelement input {
width: 100px;
padding-left: 5px;
}
span.loginsubmit,
span.logoutsubmit {
display: block;
padding-left: 8px;
margin-left: 10px;
line-height: 25px;
width: 85px;
float: left;
cursor: pointer;
}
11a. Comment out
/*
#fxPadding div.moduletable h3 {
float: left;
margin: 0;
padding: 0;
line-height: 40px;
height: 40px;
}
#fxPadding form {
float: left;
padding-left: 30px;
height: 22px;
margin-top: 8px;
}
#fxPadding div.loginelement {
float: left;
margin-left: 30px;
height: 22px;
line-height: 22px
}
#fxPadding div.loginelement input {
width: 100px;
padding-left: 5px;
}
span.loginsubmit,
span.logoutsubmit {
display: block;
padding-left: 8px;
margin-left: 10px;
line-height: 25px;
width: 85px;
float: left;
cursor: pointer;
}*/
or
11b. Delete
12. Open style#.css
13. Find
#fxContainer .contentheading,
#fxContainer div.moduletable h3,
#fxContainer {
color: #97a5af;
}
#fxTarget {
background: #00223e;
}
#fxShadow {
background: url(../images/style1/fx-bottom.png) 0 0 repeat-x;
}
#fxTab {
background: url(../images/style1/fx-tab.png) 0 0 no-repeat;
}
#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
color: #fff;
}
#fxTab a:hover {
color: #f88900;
}
span.loginsubmit,
span.logoutsubmit {
color: #fff;
background: url(../images/style1/login_button.png) no-repeat;
}
14a. Comment out
/*
#fxContainer .contentheading,
#fxContainer div.moduletable h3,
#fxContainer {
color: #97a5af;
}
#fxTarget {
background: #00223e;
}
#fxShadow {
background: url(../images/style1/fx-bottom.png) 0 0 repeat-x;
}
#fxTab {
background: url(../images/style1/fx-tab.png) 0 0 no-repeat;
}
#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
color: #fff;
}
#fxTab a:hover {
color: #f88900;
}
span.loginsubmit,
span.logoutsubmit {
color: #fff;
background: url(../images/style1/login_button.png) no-repeat;
}*/
or
14b. Delete
If I have missed anything out or something is unclear or you are experiencing any errors; please reply to the thread so I can address your issue as rapidly as possible.
Hope this helps