Intergrating Xara code into back end script?

**ChrisBro** · 18 February 2010, 05:40 PM

Originally Posted by Drwyd

Also <img src="images/clientarea.gif" border="0" hspace="5" align="absmiddle" alt="" />

should be top middle bottom left or right.

hmm, I am suspicious of that empty div, it maybe worth temporarily deleting that JavaScript code to see what effect it has.

Hello

I have taken the LiveZilla thing out completely for the moment and it hasn't made any difference at all, just dont understand it at all its bound to be something simple but dam I just cant find it gonna have to alugh or Im gonna cry lol

Chris

**Drwyd** · 18 February 2010, 05:59 PM

Got it :-)

I added under

<img src="test3_files/header.jpg" alt="" width="730" height="118">

and found it under the banner. Adjust your CSS for class="topnavbar" and you are sorted.

I should have seen that one sooner

Edit:- this seems to do the trick

Code:

table.topnavbar {
	width: 100%;
	margin-top: 3em;
}

Looking back on this thread it looks like I have covered much the same ground as Sledger - Note to self - read more slowly

**ChrisBro** · 18 February 2010, 06:20 PM

Originally Posted by Drwyd

Got it :-)

I added under

<img src="test3_files/header.jpg" alt="" width="730" height="118">

and found it under the banner. Adjust your CSS for class="topnavbar" and you are sorted.

I should have seen that one sooner

Edit:- this seems to do the trick

Code:

table.topnavbar {
	width: 100%;
	margin-top: 3em;
}

Looking back on this thread it looks like I have covered much the same ground as Sledger - Note to self - read more slowly

he he he he you are a genius knew it would be something and nothing just couldn't get it dam thing

WELL DONE 1 million karma points 4 u

OK 1 last problem lol in IE everything is perfect but in FF and Chrome still none of the WHMCS links work?

Im getting there thank god for this forum and you and Sledger

I really hope I can return the favour sometime soon

Chris

**ChrisBro** · 18 February 2010, 06:28 PM

Originally Posted by Drwyd

Got it :-)

Looking back on this thread it looks like I have covered much the same ground as Sledger - Note to self - read more slowly

It seems I messed soemthing up pasting the text into the original WHMCS .tpl file typical I knew it was my fault somewhere along the line.

The most frustrating part is I can usually repair most things with a little help from Dr Google this just wasn't playing at all.

Sort those links now and jobs a good en dam I am going to backup this file 10 times now!

Thanks again

Chris

**ChrisBro** · 18 February 2010, 06:42 PM

sussed it well not me wish I could take credit bust saldy cannot, another very knowledgable person on the WHMCS forum found it:

PHP Code:

<div class="xr_ap" id="xr_xr" style="width: 760px; height: 700px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 700px, 0px);">

Change the
Quote:
height: 700px; and rect(0px, 760px, 700px, 0px);

to

Quote:
height: 150px; and rect(0px, 760px, 150px, 0px);

Sledger was right and even after hime telling me I still missed it god I need soem glasses!!! Seems it was all down to the way I put the header and navbar together on the XARA page ie in the middle instead of positioned at the top!!!!! I am an idiot!!

Sledger and Drywd thankyouuuuuuuuuuuu again

Chris

**Drwyd** · 18 February 2010, 06:46 PM

glad you got it all sorted

Tested it in FF, IE, Opera, Safari, and Chrome - all working OK

Time for a cool one

**Drwyd** · 18 February 2010, 07:00 PM

Actually that rings a bell, IE does not like "clip", something to do with the separating commas. Trust IE to do things different.

Something to watch out for.

**ChrisBro** · 18 February 2010, 07:19 PM

dohhhhhhh same problem now with the footer it seems to be those 2 lines the "clip" thats causing all the problems what exactly do they do? Now after inserting the footer none of the links on the whole page work?

Chris

**Drwyd** · 18 February 2010, 08:19 PM

That might not be the problem, what I have seen is an extra <html> tag in your code, there should only be one on any page. Same with the <body> tag.

Code:

<br />
<html>
<script type="text/javascript" src="footer_htm_files/roe.js"></script>
<link rel="stylesheet" type="text/css" href="footer_htm_files/default.css" />
<body style="">
<!--[if IE]><div class="xr_ap" id="xr_xr" style="bottom:0px; left:50%; margin-left: -478px; clip: rect(0px 0px);"><![endif]-->
<!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="bottom:0px; left:50%; margin-left: -478px; clip: rect(0px, 0px);"><!--<![endif]-->
<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>
 <img class="xr_ap" src="footer_htm_files/0.png" alt="" style="left: 78px; top: 596px; width: 792px; height: 97px;"/>
 <img class="xr_ap" src="footer_htm_files/1.png" alt="" style="left: 360px; top: 601px; width: 253px; height: 63px;"/>
 <img class="xr_ap" src="footer_htm_files/2.png" alt="" style="left: 209px; top: 599px; width: 149px; height: 77px;"/>

 <img class="xr_ap" src="footer_htm_files/3.png" alt="" style="left: 728px; top: 600px; width: 138px; height: 90px;"/>
 <div style="left: 480px; position: absolute; font-size: 13px; font-family: Arial; text-align: left; top: 662px;">

**Drwyd** · 18 February 2010, 09:20 PM

OK, try this

Create a division within your code at the position that you wish it to appear (position: relative is important)

Code:

<div style="position: relative">
... your Xara code will go here ...
</div>

Export your Xara file and cut between the <body> tag and the last comment tag (blue code in example below)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0020)http://www.xara.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7"/>
<meta name="XAR pngs" content="1"/>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.2.2.0.675"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
<link rel="stylesheet" type="text/css" href="index_htm_files/default.css" />
</head>
<body style="">
<!--[if IE]><div class="xr_ap" id="xr_xr" style="width: 980px; height: 660px; top:0px; left:50%; margin-left: -490px; clip: rect(0px 980px 660px 0px);"><![endif]-->
<!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="width: 980px; height: 660px; top:0px; left:50%; margin-left: -490px; clip: rect(0px, 980px, 660px, 0px);"><!--<![endif]-->

<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>
 <img class="xr_ap" src="index_htm_files/0.png" alt="" style="left: 108px; top: 9px; width: 758px; height: 83px;"/>
 <div id="xr_xo0" class="xr_ap" style="left: 0; top: 0; width: 980px; height: 100px; visibility: hidden;">
  <a href="" onclick="return(false);">
  </a>
 </div>
 <div id="xr_xd0"></div>
</div>
<!--[if lt IE 7]><script type="text/javascript" src="index_htm_files/png.js"></script><![endif]-->
<script type="text/javascript">xr_aeh()</script>

</body>
</html>

paste it into your relative div.

Let me know if it works for you too

EDIT:- Probably better to use everything between the <body> tags unless the last bit is already included via the header.

EDIT2:-
Oh and adjust heights marked in blue

Code:

<!--[if IE]><div class="xr_ap" id="xr_xr" style="width: 980px; height: 100px; top:0px; left:50%; margin-left: -490px; clip: rect(0px 980px 100px 0px);"><![endif]-->
<!--[if !IE]>--><div class="xr_ap" id="xr_xr" style="width: 980px; height: 100px; top:0px; left:50%; margin-left: -490px; clip: rect(0px, 980px, 100px, 0px);"><!--<![endif]-->