View Full Version : Integration help!!!
Hi all,
Just having some problems integrating my header images. The rollovers do not work on the integrated pages ??? Any ideas how i can get my rollovers to work ??
Thanks,
Ross.
If you are getting the infamous red-x box. Check the path to the images in your custom header.
Hope that helps some,
-Roger
Hi Roger,
No the image is appearing fine, but... it doesn't seem to rollover to the next image. I have the same code as is on the homepage - but doesn't seem to rollover to the 'rollover image' ????
Are you using relative or absolute links for the images?
Hey,
Could you post us the code for your header.tpl so I can take a look at it...
From,
Adam
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>{$companyname} - {$pagetitle}</title>
<LINK REL="stylesheet" TYPE="text/css" HREF="templates/{$template}/style.css">
{$livechatheadercode}
</head>
<body>
<table id="wrapper" align="center">
<tr>
<td id="mainheader"><TABLE WIDTH=800 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=9 ROWSPAN=6>
images/hhh_01.gif</TD>
<TD COLSPAN=2 ROWSPAN=2>
images/hhh_02.gif</TD>
<TD ROWSPAN=6>
images/hhh_03.gif</TD>
<TD COLSPAN=2>
images/hhh_04.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2 ROWSPAN=4>
images/hhh_05.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2> images/hhh_06.gif (index.html)</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2> images/hhh_07.gif (#)</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2> images/hhh_08.gif (#)</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=2>
images/hhh_09.gif</TD>
<TD COLSPAN=2>
images/hhh_10.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=14>
images/hhh_11.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD>
images/hhh_12.gif</TD>
<TD> images/hhh_13.gif (index.html)</TD>
<TD>
images/hhh_14.gif</TD>
<TD> images/hhh_15.gif (webhosting.html)</TD>
<TD>
images/hhh_16.gif</TD>
<TD> images/hhh_17.gif (#)</TD>
<TD>
images/hhh_18.gif</TD>
<TD> images/hhh_19.gif (#)</TD>
<TD>
images/hhh_20.gif</TD>
<TD> images/hhh_21.gif (#)</TD>
<TD COLSPAN=2>
images/hhh_22.gif</TD>
<TD> images/hhh_23.gif (#)</TD>
<TD ROWSPAN=2>
images/hhh_24.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD COLSPAN=13>
images/hhh_25.gif</TD>
<TD>
images/spacer.gif</TD>
</TR>
<TR>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD>
images/spacer.gif</TD>
<TD></TD>
</TR>
</TABLE>
</tr>
<tr>
<td><table id="topnavbar"><tr><td id="navbar">{$LANG.globalsystemname} (index.php)</td><td id="navbar">{$LANG.clientareatitle} (clientarea.php)</td><td id="navbar">{$LANG.announcementstitle} (announcements.php)</td><td id="navbar">{$LANG.knowledgebasetitle} (knowledgebase.php)</td><td id="navbar">{$LANG.supportticketspagetitle} (supporttickets.php)</td><td id="navbar">{$LANG.downloadstitle} (downloads.php)</td>{if $loggedin}<td id="navbar">{$LANG.logouttitle} (logout.php)</td>{/if}</tr></table></td>
</tr>
<tr>
<td style="padding:15px">
{if $pageicon}{$pageicon}{/if}
<span class="heading">{$pagetitle}</span>
{$LANG.globalyouarehere}: {$breadcrumbnav}</p>
{if $loggedin}
<p align=center class="clientarealinks">images/clientarea/details.gif{$LANG.clientareanavdetails} (clientarea.php?action=details)images/clientarea/hosting.gif{$LANG.clientareanavhosting} (clientarea.php?action=hosting)images/clientarea/domains.gif{$LANG.clientareanavdomains} (clientarea.php?action=domains)images/clientarea/invoices.gif{$LANG.invoices} (clientarea.php?action=invoices)images/clientarea/supporttickets.gif{$LANG.clientareanavsupportticke ts} (supporttickets.php)
images/clientarea/order.gif{$LANG.clientareanavorder} (order.php)images/clientarea/products.gif{$LANG.clientareaproducts} (clientarea.php?action=products)images/clientarea/emails.gif{$LANG.clientareaemails} (clientarea.php?action=emails)images/clientarea/details.gif{$LANG.clientareanavlogout} (logout.php)</p>
{/if}
Hey,
Looking at the code the only thing I come up with is the below.
You call all your roll over images in a folder called images/ Which is fine, how ever let me show you an example of why this might be wrong.
Lets say your site is called WebHostingRocks.com and your WHMCS is on whmcs.WebHostingRocks.com
Now on WebHostingRocks.com you have all your images point to
WebHostingRocks.com/images
how ever on
whmcs.WebHostingRocks.com
if you have your images pointed to the the images/ folder it wont work!
WHY? Good question,
Becuse your
whmcs install is on a different then your main domain.
ORRRR
It could be that you are leaving or forgeting out your JavaScript that goes on the top of the page...
If you give me the link to your site, I can then pin point whats the problem.
From,
Adam
Hey mate cheers for the reply.
Yeh its because i don't have the java script in there i think...
I just had a fiddle trying to implement the java script - but it wouldn't work.
Web address: http://www.gpssports.com.au/hostheaven/index/whmcs
Its definately something to do with my javascripting... i don't know how to implement it into the Header.tpl to make it work.
Any help appreciated!
Thanks again Adam.
Ross.
Hey,
Add the between your <head> </head> sections
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
and change the
<body>
tagg to
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 onLoad="MM_preloadImages('images/hhh_roll_06.gif',
'images/hhh_roll_07.gif','images/hhh_roll_08.gif',
'images/hhh_roll_13.gif','images/hhh_roll_15.gif',
'images/hhh_roll_17.gif','images/hhh_roll_19.gif',
'images/hhh_roll_21.gif','images/hhh_roll_23.gif',
'images/hhi_roll_05.gif','images/hhi_roll_07.gif',
'images/hhi_roll_09.gif')">
also don't forget to link back to your roll over images folder.
If you need more help post below, <<removed>>
From,
Adam
Powered by vBulletin® Version 4.2.1 Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.