Tweet
Integrating Clientexec 3.2 to match your site.
This is for those of you who are currently on 3.2 or above with your clientexec program. It will not work for 3.0 or 3.1
Although it is not necessary but to look more professional it is a good idea to integrate your signup pages to the style of your website. It is really not a good idea to use <iframes) as many payment systems may eventually pick it up as a fraud attempt.
I have tried to make this as easy as possible.
Step One: the public Header
The fist thing you must work with is the Publicsection_header.tpl. This file is located in your CE file under templates-Raleigh. (Make a copy of the original and keep it in a safe place) I have used a green font to indicate where to add your site info.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>[l]Support Center[/l] - Powered By ClientExec</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
(Here you should enter your personal preferences in meta tags – not links to script or .css)
<link rel="Shortcut Icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="templates/{TEMPLATE}/style/public.css?version={VERSION}" />
<!-- BEGIN DYNAMIC BLOCK: cssFiles -->
<link rel="stylesheet" type="text/css" href="{cssFileURL}?version={VERSION}" />
<!-- END DYNAMIC BLOCK: cssFiles -->
<script type="text/javascript" src="newedge/javascript/overlib/NE_overlibConsolidated.php?version={VERSION}"></script>
<script type="text/javascript" src="javascript/language/{LANGUAGE}.js?version={VERSION}"></script>
<script type="text/javascript" src="newedge/javascript/prototype.php?version={VERSION}"></script>
<script type="text/javascript" src="javascript/common.php?version={VERSION}"></script>
<script type="text/javascript" src="newedge/javascript/scriptaculous/effects.php?version={VERSION}"></script>
<script type="text/javascript">var bolUseEffects = {JAVASCRIPTBOLUSEEFFECTS};</script>
<script type="text/javascript">
var relativePath = "{RELATIVE_PATH}";
</script>
<!-- BEGIN DYNAMIC BLOCK: jsLibs -->
<script type="text/javascript" src="{jsFileURL}?version={VERSION}"></script>
<!-- END DYNAMIC BLOCK: jsLibs -->
(Here enter the links to your website’s style and other script files that you need. Should look like this <link rel="stylesheet" href="http://www.your domain.com/yourstyle-sheet.css" type="text/css" /> or this <script language="JavaScript" type="text/javascript" src="http://www.your domain.com/your script.js"></script>
</head>
<Body>
(Your custom design info goes here. Include everything except the footer section and the end tags for body and html.)
(THE PART BELOW MUST REMAIN AS IS AND SHOULD BE THE LAST THING ON YOUR PAGE. YOU SHOULD ONLY REMOVE THE SECTION MARKED IN BLUE.)
<body onload="processOnLoadFunctions();">
<div id="caption" {MENULESS_STYLE}>
<a href="index.php">
<img class="logo" src="templates/{TEMPLATE}/images/public/caption_photo.jpg" alt="clientexec" />
</a>
</div>
<div id="ne" {MENULESS_STYLE}>
<div style="color:red; font-weight:bold; font-size:12px; text-align:center">{MESSAGES}</div>
<!-- BEGIN DYNAMIC BLOCK: menued_view -->
<div id="left">
{SIDEBARMENU}
</div>
<div id="right">
<!-- END DYNAMIC BLOCK: menued_view -->
<!-- BEGIN DYNAMIC BLOCK: menuless_view -->
<div>
<!-- END DYNAMIC BLOCK: menuless_view -->
(I repeat, do not enter anything after this. Save your file. You will have to upload any images that you have added or you may use a link to them in your main files. Any navigation/menue links that you have must point to your site in the same manner as the links in the head section)
Step two: the public footer file
The second thing you must work with is the Publicsection_footer.tpl. This file is located in your CE file under templates-Raleigh. (Make a copy of the original and keep it in a safe place) I have used a green font to indicate where to add your site info.
<script type="text/javascript">
<!--
<!-- BEGIN DYNAMIC BLOCK: shownavbar -->
genNavLinks('{TOTALRECORDS}', '{TSLIDERLIMIT}', '1', '{TABLEID}', '{LINKSID}','10', '{FUSE}', '{ACTION_TABLE}');
<!-- END DYNAMIC BLOCK: shownavbar -->;
processOnLoadFunctions();
//-->
</script>
<div align="center"><a class="copyright" href="http://www.newedge.com"><font color="67A7CF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright 2002 -
{CURRENTYEAR}, NEWEDGE Services Inc. All rights reserved.</font></a></div>
( Enter the rest of the information for your website here. Here you also should enter any google or other tracking info. )
</body>
</html>
(Save your file. You will have to upload any images that you have added or you may use a link to them in your main files. Any navigation/menue links that you have must point to your site in the same manner as the links in the head section)
Step Three: the public .css file.
You will need to work with this file in order to make the size fit with your design. Here also you can change the font sizes and the background colors if you wish. This file is located in your CE file under templates-Raleigh –style.
ALWAYS REMEMBER TO EITHER BACKUP OR MAKE A COPY OF YOUR ORIGINALS BEFORE DOING ANY CHANGES.
Although it is not necessary but to look more professional it is a good idea to integrate your signup pages to the style of your website. It is really not a good idea to use <iframes) as many payment systems may eventually pick it up as a fraud attempt.
I have tried to make this as easy as possible.
Step One: the public Header
The fist thing you must work with is the Publicsection_header.tpl. This file is located in your CE file under templates-Raleigh. (Make a copy of the original and keep it in a safe place) I have used a green font to indicate where to add your site info.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>[l]Support Center[/l] - Powered By ClientExec</title>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
(Here you should enter your personal preferences in meta tags – not links to script or .css)
<link rel="Shortcut Icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="templates/{TEMPLATE}/style/public.css?version={VERSION}" />
<!-- BEGIN DYNAMIC BLOCK: cssFiles -->
<link rel="stylesheet" type="text/css" href="{cssFileURL}?version={VERSION}" />
<!-- END DYNAMIC BLOCK: cssFiles -->
<script type="text/javascript" src="newedge/javascript/overlib/NE_overlibConsolidated.php?version={VERSION}"></script>
<script type="text/javascript" src="javascript/language/{LANGUAGE}.js?version={VERSION}"></script>
<script type="text/javascript" src="newedge/javascript/prototype.php?version={VERSION}"></script>
<script type="text/javascript" src="javascript/common.php?version={VERSION}"></script>
<script type="text/javascript" src="newedge/javascript/scriptaculous/effects.php?version={VERSION}"></script>
<script type="text/javascript">var bolUseEffects = {JAVASCRIPTBOLUSEEFFECTS};</script>
<script type="text/javascript">
var relativePath = "{RELATIVE_PATH}";
</script>
<!-- BEGIN DYNAMIC BLOCK: jsLibs -->
<script type="text/javascript" src="{jsFileURL}?version={VERSION}"></script>
<!-- END DYNAMIC BLOCK: jsLibs -->
(Here enter the links to your website’s style and other script files that you need. Should look like this <link rel="stylesheet" href="http://www.your domain.com/yourstyle-sheet.css" type="text/css" /> or this <script language="JavaScript" type="text/javascript" src="http://www.your domain.com/your script.js"></script>
</head>
<Body>
(Your custom design info goes here. Include everything except the footer section and the end tags for body and html.)
(THE PART BELOW MUST REMAIN AS IS AND SHOULD BE THE LAST THING ON YOUR PAGE. YOU SHOULD ONLY REMOVE THE SECTION MARKED IN BLUE.)
<body onload="processOnLoadFunctions();">
<div id="caption" {MENULESS_STYLE}>
<a href="index.php">
<img class="logo" src="templates/{TEMPLATE}/images/public/caption_photo.jpg" alt="clientexec" />
</a>
</div>
<div id="ne" {MENULESS_STYLE}>
<div style="color:red; font-weight:bold; font-size:12px; text-align:center">{MESSAGES}</div>
<!-- BEGIN DYNAMIC BLOCK: menued_view -->
<div id="left">
{SIDEBARMENU}
</div>
<div id="right">
<!-- END DYNAMIC BLOCK: menued_view -->
<!-- BEGIN DYNAMIC BLOCK: menuless_view -->
<div>
<!-- END DYNAMIC BLOCK: menuless_view -->
(I repeat, do not enter anything after this. Save your file. You will have to upload any images that you have added or you may use a link to them in your main files. Any navigation/menue links that you have must point to your site in the same manner as the links in the head section)
Step two: the public footer file
The second thing you must work with is the Publicsection_footer.tpl. This file is located in your CE file under templates-Raleigh. (Make a copy of the original and keep it in a safe place) I have used a green font to indicate where to add your site info.
<script type="text/javascript">
<!--
<!-- BEGIN DYNAMIC BLOCK: shownavbar -->
genNavLinks('{TOTALRECORDS}', '{TSLIDERLIMIT}', '1', '{TABLEID}', '{LINKSID}','10', '{FUSE}', '{ACTION_TABLE}');
<!-- END DYNAMIC BLOCK: shownavbar -->;
processOnLoadFunctions();
//-->
</script>
<div align="center"><a class="copyright" href="http://www.newedge.com"><font color="67A7CF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Copyright 2002 -
{CURRENTYEAR}, NEWEDGE Services Inc. All rights reserved.</font></a></div>
( Enter the rest of the information for your website here. Here you also should enter any google or other tracking info. )
</body>
</html>
(Save your file. You will have to upload any images that you have added or you may use a link to them in your main files. Any navigation/menue links that you have must point to your site in the same manner as the links in the head section)
Step Three: the public .css file.
You will need to work with this file in order to make the size fit with your design. Here also you can change the font sizes and the background colors if you wish. This file is located in your CE file under templates-Raleigh –style.
ALWAYS REMEMBER TO EITHER BACKUP OR MAKE A COPY OF YOUR ORIGINALS BEFORE DOING ANY CHANGES.
Comment