Joomla template not playing nice

w0ktr0n · August 31, 2011

Hey everyone,

Newcomer to WHMCS and the forums. I've been trying to do a Joomla + WHMCS integration which is generally going quite well for someone with only a minimal amount of coding skills. I did hit one major snag that is now officially the cause of sleepless nights, angry wives and loss of hair!

What I've been trying to do is center the header and footer properly and break out of the liquid design it seems to be stuck in.

you can find our temp site here for now:

http://web.woktron.com

and WHMCS is right here:

http://web.woktron.com/billing

Anyone with the skills and time out there willing to take a peek?

Edited August 31, 2011 by woktron

thehost5968 · August 31, 2011

your header.tpl:

<!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" xml:lang="en-gb" lang="en-gb" dir="ltr" >

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="robots" content="index, follow" />

<meta name="keywords" content="webhosting, VPS, shared, dedicated, Web design, hosting,graphic ,graphics, logo, corporate identity, server, plans" />

<meta name="title" content="Quick Start" />

<meta name="author" content="Administrator" />

<meta name="description" content="Woktron - Web hosting and web design. Offeering shared hosting, VPS and dedicated servers, as well as web design and site managment." />

<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />

<title>Quick Start</title>

<link href="http://web.woktron.com/templates/woktron/favicon.ico'>http://web.woktron.com/templates/woktron/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<link rel="stylesheet" href="http://web.woktron.com/media/system/css/modal.css'>http://web.woktron.com/media/system/css/modal.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/components/com_k2/css/k2.css'>http://web.woktron.com/components/com_k2/css/k2.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/plugins/system/yoo_effects/lightbox/shadowbox.css'>http://web.woktron.com/plugins/system/yoo_effects/lightbox/shadowbox.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/reset.css'>http://web.woktron.com/templates/woktron/css/reset.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/layout.css'>http://web.woktron.com/templates/woktron/css/layout.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/typography.css'>http://web.woktron.com/templates/woktron/css/typography.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/menus.css'>http://web.woktron.com/templates/woktron/css/menus.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/modules.css'>http://web.woktron.com/templates/woktron/css/modules.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/system.css'>http://web.woktron.com/templates/woktron/css/system.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/extensions.css'>http://web.woktron.com/templates/woktron/css/extensions.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/style.css'>http://web.woktron.com/templates/woktron/css/style.css" type="text/css" />

<link rel="stylesheet" href="http://web.woktron.com/templates/woktron/css/custom.css'>http://web.woktron.com/templates/woktron/css/custom.css" type="text/css" />

<style type="text/css">



</style>

<script type="text/javascript" src="http://web.woktron.com/templates/woktron/warp/libraries/jquery/jquery.js"></script>

<script type="text/javascript" src="http://web.woktron.com/plugins/system/mtupgrade/mootools.js"></script>

<script type="text/javascript" src="http://web.woktron.com/media/system/js/modal.js"></script>

<script type="text/javascript" src="http://web.woktron.com/components/com_k2/js/k2.js"></script>

<script type="text/javascript" src="http://web.woktron.com/media/system/js/caption.js"></script>

<script type="text/javascript" src="http://web.woktron.com/templates/woktron/warp/js/warp.js"></script>

<script type="text/javascript" src="http://web.woktron.com/templates/woktron/warp/js/accordionmenu.js"></script>

<script type="text/javascript" src="http://web.woktron.com/templates/woktron/warp/js/dropdownmenu.js"></script>

<script type="text/javascript" src="http://web.woktron.com/templates/woktron/warp/js/spotlight.js"></script>

<script type="text/javascript" src="http://web.woktron.com/templates/woktron/js/template.js"></script>

<script type="text/javascript">

window.addEvent("domready", function() {

SqueezeBox.initialize({});

$$("a.modal").each(function(el) {

el.addEvent("click", function(e) {

new Event(e).stop();

SqueezeBox.fromElement(el);

});

});

});

var K2RatingURL = 'http://web.woktron.com/';

var Warp = Warp || {}; Warp.Settings = {"bganimation":null,"background":"default","itemColor":null};

</script>

<script type="text/javascript">var YOOeffects = { url: 'http://web.woktron.com/plugins/system/yoo_effects/lightbox/' };</script>

<script type="text/javascript" src="http://web.woktron.com/plugins/system/yoo_effects/yoo_effects.js.php?lb=1&re=2&sl=1"></script>

<link rel="apple-touch-icon" href="/templates/woktron/apple_touch_icon.png" />

</head>

<body id="page" class="yoopage style-default background-default font-default webfonts">

<div id="absolute">

</div>

<div id="page-body">

<div class="wrapper">

<div class="wrapper-1">

<div class="wrapper-2">

<div class="wrapper-3">

<div id="header">

<div id="toolbar">

<div class="left">

<div class="module mod-blank first last">

<ul class="menu"><li class="level1 item1 first"><a href="/index.php?option=com_content&view=article&id=101&Itemid=232&lang=en" class="level1 item1 first"><span class="bg">Terms of Service</span></a></li><li class="level1 item2"><a href="/index.php?option=com_content&view=category&layout=blog&id=29&Itemid=249&lang=en" class="level1 item2"><span class="bg">News</span></a></li><li class="level1 item3 last"><a href="/index.php?option=com_content&view=article&id=112&Itemid=270&lang=en" class="level1 item3 last"><span class="bg">About Woktron</span></a></li></ul>

</div> </div>

</div>

<div id="headerbar">

<div class="module style-border first last">

</div> </div>

<div class="menubar">

<div id="menu">

<ul class="menu menu-dropdown"><li class="level1 item1 first active current"><a href="http://web.woktron.com/" class="level1 item1 first active current"><span class="bg">Home</span></a></li><li class="level1 item2 parent"><a href="/index.php?option=com_content&view=article&id=45&Itemid=54&lang=en" class="level1 item2 parent"><span class="bg"><span class="title">Web Hosting</span><span class="subtitle">domain names & SSL</span></span></a><div class="dropdown columns1" style="width:220px;"><div class="dropdown-t1"><div class="dropdown-t2"><div class="dropdown-t3"></div></div></div><div class="dropdown-1"><div class="dropdown-2"><div class="dropdown-3"><ul class="col1 level2 first last"><li class="level2 item1 first"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=45&Itemid=223&lang=en" class="level2 item1 first"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/shared.png);">Shared Web Hosting</span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item2"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=91&Itemid=152&lang=en" class="level2 item2"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/reseller.png);">Reseller Hosting</span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item3 last separator parent"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><span class="level2 item3 last separator parent"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/more.png);">More Products</span></span></div></div></div></div><div class="sub"><ul class="level3"><li class="level3 item1 first"><a href="/index.php?option=com_content&view=article&id=105&Itemid=55&lang=en" class="level3 item1 first"><span class="bg">SSL Certificates</span></a></li><li class="level3 item2"><a href="/billing/cart.php?a=add&domain=register" class="level3 item2"><span class="bg">Domain name registration</span></a></li><li class="level3 item3 last"><a href="/index.php?option=com_content&view=article&id=110&Itemid=267&lang=en" class="level3 item3 last"><span class="bg">Privacy Tools & IP addresses</span></a></li></ul></div></div></div></div></div></div></li></ul></div></div></div><div class="dropdown-b1"><div class="dropdown-b2"><div class="dropdown-b3"></div></div></div></div></li><li class="level1 item3"><a href="/index.php?option=com_content&view=article&id=59&Itemid=171&lang=en" class="level1 item3"><span class="bg"><span class="title">VPS</span><span class="subtitle">hosting</span></span></a></li><li class="level1 item4"><a href="/index.php?option=com_content&view=article&id=92&Itemid=193&lang=en" class="level1 item4"><span class="bg"><span class="title">Dedicated Servers</span><span class="subtitle">reliable & fully configurable</span></span></a></li><li class="level1 item5 parent"><a href="/index.php?option=com_content&view=article&id=73&Itemid=222&lang=en" class="level1 item5 parent"><span class="bg"><span class="title">Web Design</span><span class="subtitle">CMS & E-commerce</span></span></a><div class="dropdown columns1"><div class="dropdown-t1"><div class="dropdown-t2"><div class="dropdown-t3"></div></div></div><div class="dropdown-1"><div class="dropdown-2"><div class="dropdown-3"><ul class="col1 level2 first last"><li class="level2 item1 first"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=107&Itemid=263&lang=en" class="level2 item1 first"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/commerce.png);"><span class="title">E-Commerce</span><span class="subtitle">design & application</span></span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item2"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=106&Itemid=262&lang=en" class="level2 item2"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/development.png);"><span class="title">CMS Development</span><span class="subtitle">and deployment</span></span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item3"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=109&Itemid=266&lang=en" class="level2 item3"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/corporate.png);"><span class="title">Corporate Identity</span><span class="subtitle">and logo design</span></span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item4"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=108&Itemid=265&lang=en" class="level2 item4"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/maintenance.png);"><span class="title">Website Maintenance</span><span class="subtitle">and management</span></span></a></div></div></div></div></div></div></div></div></div></li><li class="level2 item5 last"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><a href="/index.php?option=com_content&view=article&id=111&Itemid=269&lang=en" class="level2 item5 last"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/mobile.png);"><span class="title">Mobile Sites</span><span class="subtitle">into the future</span></span></a></div></div></div></div></div></div></div></div></div></li></ul></div></div></div><div class="dropdown-b1"><div class="dropdown-b2"><div class="dropdown-b3"></div></div></div></div></li><li class="level1 item6 last parent"><a href="/billing/index.php" class="level1 item6 last parent"><span class="bg"><span class="title">Support</span><span class="subtitle">need help?</span></span></a><div class="dropdown columns1"><div class="dropdown-t1"><div class="dropdown-t2"><div class="dropdown-t3"></div></div></div><div class="dropdown-1"><div class="dropdown-2"><div class="dropdown-3"><ul class="col1 level2 first last"><li class="level2 item1 first separator parent"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><span class="level2 item1 first separator parent"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/icon_wiki.png);"><span class="title">Woktron Wiki</span><span class="subtitle">our knowledgebase</span></span></span></div></div></div></div><div class="sub"><ul class="level3"><li class="level3 item1 first"><a href="/index.php?option=com_quickfaq&view=quickfaq&Itemid=271&lang=en" class="level3 item1 first"><span class="bg">FAQ</span></a></li><li class="level3 item2"><a href="/billing/clientarea.php" class="level3 item2"><span class="bg">Client Area</span></a></li><li class="level3 item3"><a href="javascript:void(window.open('http://web.woktron.com/support/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))" class="level3 item3"><span class="bg">Live Support</span></a></li><li class="level3 item4"><a href="http://web.woktron.com/billing/knowledgebase.php" class="level3 item4"><span class="bg">Knowledgebase</span></a></li><li class="level3 item5 last"><a href="http://web.woktron.com/billing/submitticket.php" class="level3 item5 last"><span class="bg">Submit Support Ticket</span></a></li></ul></div></div></div></div></div></div></li><li class="level2 item2 last separator parent"><div class="group-box1"><div class="group-box2"><div class="group-box3"><div class="group-box4"><div class="group-box5"><div class="hover-box1"><div class="hover-box2"><div class="hover-box3"><div class="hover-box4"><span class="level2 item2 last separator parent"><span class="bg icon" style="background-image: url(http://web.woktron.com/images/stories/icon_contact.png);"><span class="title">Contact Us</span><span class="subtitle">our departments</span></span></span></div></div></div></div><div class="sub"><ul class="level3"><li class="level3 item1 first"><a href="/index.php?option=com_qcontacts&view=contact&id=1&Itemid=140&lang=en" class="level3 item1 first"><span class="bg">Contact Support</span></a></li><li class="level3 item2"><a href="/index.php?option=com_qcontacts&view=contact&id=2&Itemid=141&lang=en" class="level3 item2"><span class="bg">Contact Sales</span></a></li><li class="level3 item3"><a href="/index.php?option=com_qcontacts&view=contact&id=4&Itemid=250&lang=en" class="level3 item3"><span class="bg">Our Office</span></a></li><li class="level3 item4 last"><a href="/index.php?option=com_qcontacts&view=contact&id=3&Itemid=236&lang=en" class="level3 item4 last"><span class="bg">Abuse</span></a></li></ul></div></div></div></div></div></div></li></ul></div></div></div><div class="dropdown-b1"><div class="dropdown-b2"><div class="dropdown-b3"></div></div></div></div></li></ul> </div>

</div>

<div class="menushadow"></div>

<div id="logo">

<a class="logo-icon correct-png" href="/index.php" title="Home"></a> </div>

</div>

<div id="middle">

Edited August 31, 2011 by thehost5968

thehost5968 · August 31, 2011

Your footer.tpl:

</div>

<div id="bottom">

<div class="bottom-1">

<div class="horizontal float-left width25 separator"><div class="module mod-line first ">

<div class="box-1 deepest">

<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Content</span> Management</span></span></h3>

<ul class="links">

<li><a href="/index.php?option=com_content&view=article&id=107%3Ae-commerce&catid=43%3Aservices&Itemid=263&lang=en">E-Commerce</a></li>

<li><a href="/index.php?option=com_content&view=article&id=106%3Acms&catid=43%3Aservices&Itemid=262&lang=en">CMS Development</a></li>

<li><a href="/index.php?option=com_content&view=article&id=109%3Acorp-ident&catid=43%3Aservices&Itemid=266&lang=en">Corporate Identity</a></li>

<li><a href="/index.php?option=com_content&view=article&id=108%3Asite-management&catid=43%3Aservices&Itemid=265&lang=en">Website Maintenance</a></li>

<li><a href="/index.php?option=com_content&view=article&id=111%3Amobile-sites&catid=43%3Aservices&Itemid=269&lang=en">Mobile Sites</a></li>

</ul>

</div>

</div></div><div class="horizontal float-left width25 separator"><div class="module mod-line ">

<div class="box-1 deepest">

<h3 class="header"><span class="header-2"><span class="header-3"><span class="title"><span class="color">Woktron</span> Hosting </span><span class="subtitle">elsewhere in the cloud</span></span></span></h3>

<p><a style="height: 45px; padding-left: 45px; line-height: 33px; background: url('images/yootheme/icon_twitter.png') 0 0 no-repeat; display: block;" href="http://www.twitter.com/woktron" target="_blank">Twitter</a> <a style="height: 45px; padding-left: 45px; line-height: 33px; background: url('images/yootheme/icon_facebook.png') 0 0 no-repeat; display: block;" href="http://www.facebook.com" target="_blank">Facebook</a><a style="height: 45px; padding-left: 45px; line-height: 33px; background: url('/images/yootheme/icon_rss.png') 0 0 no-repeat; display: block;" href="/rss" target="_blank">RSS-Feed</a></p>

</div>

</div></div><div class="horizontal float-left width25 separator"><div class="module mod-line ">

<div class="box-1 deepest">

<h3 class="header"><span class="header-2"><span class="header-3"><span class="title"><span class="color">Live</span> Support </span><span class="subtitle"> chat with our staff</span></span></span></h3>

</br><center>

<div style="text-align: center; width: 145px;"><a href="javascript:void(window.open('http://web.woktron.com/support/chat.php','','width=590,height=610,left=0,top=0,resizable=yes,menubar=no,location=no,status=yes,scrollbars=yes'))"><img src="/support/image.php?id=04&type=inlay" alt="Woktron Live Help" border="0" height="69" width="145" /></a></div>

<div style="margin-top: 2px;"></div>

<div style="margin-top: 2px;"></div>

<div style="margin-top: 2px;"></div>



<div id="livezilla_tracking" style="display: none;"></div>

<noscript><img src="http://web.woktron.com/support/server.php?request=track&output=nojcrpt" width="0" height="0" style="visibility:hidden;" alt=""></noscript></center>

</div>

</div></div><div class="horizontal float-left width25"><div class="module mod-line last">

<div class="box-1 deepest">

<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Contact</span> Us</span></span></h3>

<ul class="links">

<li><a href="/index.php?option=com_qcontacts&view=contact&id=2&Itemid=141&lang=en">Contact Sales</a></li>

<li><a href="/index.php?option=com_qcontacts&view=contact&id=1&Itemid=140&lang=en">Contact Support</a></li>

<li><a href="/billing/knowledgebase.php">Knowledge Base</a></li>

<li><a href="/billing/submitticket.php">Support Ticket</a></li>

<li><a href="/billing/clientarea.php">Client Area</a></li>

</ul>

</div>

</div></div> </div>

<div class="vertical width100">

<div class="module mod-line first ">

<div class="box-1 deepest">

<p style="text-align: center;"><img alt="amex 32" src="/images/payment/amex_32.png" height="32" width="32" /> <img alt="discover 32" src="/images/payment/discover_32.png" height="32" width="32" /> <img alt="generic bank 32" src="/images/payment/generic_bank_32.png" height="32" width="32" /> <img alt="mastercard 32" src="/images/payment/mastercard_32.png" height="32" width="32" /> <img alt="visa 32" src="/images/payment/visa_32.png" height="32" width="32" /> <img alt="paypal 32" src="/images/payment/paypal_32.png" height="32" width="32" /> <img alt="2co" src="/images/payment/2co.png" height="32" width="32" /> <img alt="google-checkout" src="/images/payment/google-checkout.png" height="32" width="32" /> <img alt="western-union" src="/images/payment/western-union.png" height="32" width="32" /></p>

</div>

</div><div class="module mod-line last">

<div class="box-1 deepest">

<h3 class="header"><span class="header-2"><span class="header-3"><span class="color">Specialists</span> in Professional web hosting & design</span></span></h3>

<center><blockquote class="quotation"><p>We provide high quality web hosting, and we build and maintain sites for a wide variety of clients, ranging from large corporations to tiny start-ups. We love getting involved in your virtual projects from inception, right through deployment and into the future...</p></blockquote></center>

</div>

</div> </div>

</div>



<div id="footer">

<a class="anchor" href="#page"></a>

<ul class="menu"><li class="level1 item1 first"><a href="/index.php?option=com_content&view=article&id=101&Itemid=232&lang=en" class="level1 item1 first"><span class="bg">Terms of Service</span></a></li><li class="level1 item2"><a href="/index.php?option=com_content&view=category&layout=blog&id=29&Itemid=249&lang=en" class="level1 item2"><span class="bg">News</span></a></li><li class="level1 item3 last"><a href="/index.php?option=com_content&view=article&id=112&Itemid=270&lang=en" class="level1 item3 last"><span class="bg">About Woktron</span></a></li></ul><p style="text-align: center;">Validates to <a href="http://validator.w3.org/check?uri=http://web.woktron.com&doctype=HTML5" target="_blank">XHTML 1.0</a> and <a href="http://jigsaw.w3.org/css-validator/validator?uri=http://web.woktron.com&profile=css3" target="_blank">CSS 3</a>. Copyright © 2011 Woktron</p>

</div>



</div>

</div>

</div>

</div>

</div>

</body>

</html>

you just have to sort out the CSS and links.

w0ktr0n · August 31, 2011

Hey there,

You've reached perfection there! Thank you so much! I've been going about it for days unable to figure it out.

and unbelievably quick as well, I'm amazed!

Again thanks from the bottom of my heart from me and the missus of course

thehost5968 · August 31, 2011

No problem. :-)

As i say there may still be a lot of work to fully get it working but not to hard for you.

w0ktr0n · August 31, 2011

Yeah, we are far from going live as it stands anyway, so we'll have plenty of time to clean up the css.

Looking at how you did it, it does become obvious I've been going about it all wrong. All styles are now properly inherited as well.

It does seem I've lost the sidemenu, but I'm still not decided on that one anyway. Perhaps rebuilding a custom one is nicer, more fitting with the theme. I'm pretty confident I'll get everything exactly the way I want it from here though!

webhostau · August 31, 2011

Any progress on this so far ??

thehost5968 · August 31, 2011

OK

Add the following code to the above posted code:

add this at the very top of the footer.tpl:

{if $langchange}<div align="right">{$setlanguage}</div><br />{/if}
</div>

<div id="side_menu">

<p class="header">{$LANG.quicknav}</p>

<ul>

<li><a href="index.php"><img src="templates/{$template}/images/icons/support.gif" alt="{$LANG.globalsystemname}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="index.php" title="{$LANG.globalsystemname}">{$LANG.globalsystemname}</a></li>

<li><a href="clientarea.php"><img src="templates/{$template}/images/icons/clientarea.gif" alt="{$LANG.clientareatitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="clientarea.php" title="{$LANG.clientareatitle}">{$LANG.clientareatitle}</a></li>

<li><a href="announcements.php" title="{$LANG.announcementstitle}"><img src="templates/{$template}/images/icons/announcement.gif" alt="{$LANG.announcementstitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="announcements.php" title="{$LANG.announcementstitle}">{$LANG.announcementstitle}</a></li>

<li><a href="knowledgebase.php" title="{$LANG.knowledgebasetitle}"><img src="templates/{$template}/images/icons/knowledgebase.gif" alt="{$LANG.knowledgebasetitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="knowledgebase.php" title="{$LANG.knowledgebasetitle}">{$LANG.knowledgebasetitle}</a></li>

<li><a href="submitticket.php" title="{$LANG.supportticketssubmitticket}"><img src="templates/{$template}/images/icons/submit-ticket.gif" alt="{$LANG.supportticketssubmitticket}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="submitticket.php" title="{$LANG.supportticketspagetitle}">{$LANG.supportticketssubmitticket}</a></li>

<li><a href="downloads.php" title="{$LANG.downloadstitle}"><img src="templates/{$template}/images/icons/downloads.gif" alt="{$LANG.downloadstitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="downloads.php" title="{$LANG.downloadstitle}">{$LANG.downloadstitle}</a></li>

<li><a href="cart.php" title="{$LANG.ordertitle}"><img src="templates/{$template}/images/icons/order.gif" alt="{$LANG.ordertitle}" width="16" height="16" border="0" class="absmiddle" /></a> <a href="cart.php" title="{$LANG.ordertitle}">{$LANG.ordertitle}</a></li>

</ul>

{if $loggedin}

<p class="header">{$LANG.accountinfo}</p>

<p><strong>{$clientsdetails.firstname} {$clientsdetails.lastname} {if $clientsdetails.companyname}({$clientsdetails.companyname}){/if}</strong><br />

{$clientsdetails.address1}, {$clientsdetails.address2}<br />

{$clientsdetails.city}, {$clientsdetails.state}, {$clientsdetails.postcode}<br />

{$clientsdetails.countryname}<br />

{$clientsdetails.email}<br /><br />

{if $addfundsenabled}<img src="templates/{$template}/images/icons/money.gif" alt="Add Funds" width="22" height="22" border="0" class="absmiddle" /> <a href="clientarea.php?action=addfunds">{$LANG.addfunds}</a>{/if}</p>

<p class="header">{$LANG.accountstats}</p>

<p>{$LANG.statsnumproducts}: <strong>{$clientsstats.productsnumactive}</strong> ({$clientsstats.productsnumtotal})<br />

{$LANG.statsnumdomains}: <strong>{$clientsstats.numactivedomains}</strong> ({$clientsstats.numdomains})<br />

{$LANG.statsnumtickets}: <strong>{$clientsstats.numtickets}</strong><br />

{$LANG.statsnumreferredsignups}: <strong>{$clientsstats.numaffiliatesignups}</strong><br />

{$LANG.statscreditbalance}: <strong>{$clientsstats.creditbalance}</strong><br />

{$LANG.statsdueinvoicesbalance}: <strong>{if $clientsstats.numdueinvoices>0}<span class="red">{/if}{$clientsstats.dueinvoicesbalance}{if $clientsstats.numdueinvoices>0}</span>{/if}</strong></p>

{else}

<form method="post" action="{$systemsslurl}dologin.php">

<p class="header">{$LANG.clientlogin}</p>

<p><strong>{$LANG.email}</strong><br />

<input name="username" type="text" size="25" />

</p>

<p><strong>{$LANG.loginpassword}</strong><br />

<input name="password" type="password" size="25" />

</p>

<p>

<input type="checkbox" name="rememberme" />

{$LANG.loginrememberme}</p>

<p>

<input type="submit" class="submitbutton" value="{$LANG.loginbutton}" />

</p>

</form>

<p class="header">{$LANG.knowledgebasesearch}</p>

<form method="post" action="knowledgebase.php?action=search">

<p>

<input name="search" type="text" size="25" /><br />

<select name="searchin">

<option value="Knowledgebase">{$LANG.knowledgebasetitle}</option>

<option value="Downloads">{$LANG.downloadstitle}</option>

</select>

<input type="submit" value="{$LANG.go}" />

</p>

</form>

{/if}

</div>

<div class="clear"></div>

and add this at the very bottom of your header.tpl:

{if $loggedin}

<div id="top_menu">

<ul>

<li><a href="clientarea.php" title="{$LANG.clientareanavhome}">{$LANG.clientareanavhome}</a></li>

<li><a href="clientarea.php?action=details" title="{$LANG.clientareanavdetails}">{$LANG.clientareanavdetails}</a></li>

<li><a href="clientarea.php?action=products" title="{$LANG.clientareanavservices}">{$LANG.clientareanavservices}</a></li>

<li><a href="clientarea.php?action=domains" title="{$LANG.clientareanavdomains}">{$LANG.clientareanavdomains}</a></li>

<li><a href="clientarea.php?action=invoices" title="{$LANG.invoices}">{$LANG.invoices}</a></li>

<li><a href="supporttickets.php" title="{$LANG.clientareanavsupporttickets}">{$LANG.clientareanavsupporttickets}</a></li:

<li><a href="affiliates.php" title="{$LANG.affiliatestitle}">{$LANG.affiliatestitle}</a></li>

<li><a href="clientarea.php?action=emails" title="{$LANG.clientareaemails}">{$LANG.clientareaemails}</a></li>

</ul>

<div class="clear"></div>

</div>

{/if}

<div id="content_left">

<h1>{$pagetitle}</h1>

<p class="breadcrumb">{$breadcrumbnav}</p>

and that should put the right column in.

thehost5968 · August 31, 2011

Any progress on this so far ??

Hi

In what way?

w0ktr0n · August 31, 2011

One last try to post. My posts are apparently pending moderating. Not sure why.

w0ktr0n · August 31, 2011

sigh I'm not using any naughty words, I promise...

I'll rephrase again:

Thank you for the help and the interest as well, ofcourse

Your last addition didn't do the trick sadly. It places the menu below the main page.

w0ktr0n · September 1, 2011

Got it!

Just needed to add a few more css styles ét voila, everything is sitting pretty now!

Thanks so much for your time yesterday, Simon.

info@sitestech.com · January 11, 2012

Help. I can not integrate my joomla 1.7 with WHMCS. Someone please help me with the code that I have to copy and paste. In the header.tpl and footer.tpl. thank you very much

Joomla template not playing nice

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Recently Browsing 0 members

Important Information