How To's
Below is a basic list of How To's that we are updating on a regular basis. If you have any other questions please let us know! If you are looking for information on how to Use the Aministration Features, please refer to the Aadministration Manual in your back office.Creating a Custom Header and Footer
This article will explain how to create a custom web page header and footer for your software. This is called integrating the software into your web site. First you will need a web site template, and will have to break it down into a header and footer (2 files). Once you have a basic header and footer file, you need to add some special PHP code to make it work correctly.Header File Example:
<?php
global $es,$ui,$member_id;
?>
<html>
<head>
<title>Your Company</title>
<?
// Required BEFORE any of YOUR CSS files
echo $es->DisplayTemplateHtmlIncludes();
?>
<link rel="stylesheet" type="text/css" href="my_style.css">
</head>
<body>
<table width="100%"><tr><td width="200" height="25">
<?
// This will display a live server time clock
echo $es->DisplayServerTime();
?>
</td><td align="center">
<?
// Display the Main System Links (Can be "standard" or "list" for LI format)
echo $es->DisplayTemplateSystemMenu("standard");
?>
</td></tr><tr><td width="200" valign="top">
<?
// Displays the left menu user icon tables
echo $es->DisplayLeftMenu();
?>
</td><td valign="top">
Footer File Example
<?php
global $es,$ui,$member_id;
?>
</td></tr>
<tr><td colspan="2" align="center" height="25">
Your Copyright Information
</td></tr>
</table>
</body>
</html>
Save Changes To Software
Now that you have your 2 files, you can log in under your admin account and actually edit the header and footer files. You can do this under the "Custom Web Pages" link on the right menu. Once you are done, you can preview the site to see what it looks like with its new header and footer file.
WARNING: If you do not include the required PHP code (shown above), the pages WILL NOT work correctly! Please contact us at admin@shadowscripts.com if you have any questions!
Overriding The Default Interface CSS (Advanced)
This is a more advanced feature, but it gives additional control over the default interface's styles. You will need to be familiar in CSS to do this.Step 1 - Add the CSS File Into Your Header
First you need to include the new CSS file that you will be using for the custom style overrides, in your template header. ALWAYS add custom CSS links AFTER the "DisplayTemplateHtmlIncludes" function!
Step 2 - Create Override Classes & Save
Now edit the included CSS file. Below are a few CSS definitions you may want to override.
/* Box Around the Left/Right Menus */
.leftMenuHeader td {
}
/* Rows/Text of the Left/Right Menus */
.leftMenuInBox td {
}
/* Icons of the Left/Right Menus */
.leftMenuInBox td img {
}
/* Main Header Text */
.bigHeader {
color: #03749C;
}
/* Sub Header Text */
.header {
color: #03749C;
}
Features
Install Now For FREE!