Jump to content

Custom Template Issue... CSS?


ITEHosting

Recommended Posts

I submited this topic yesterday although I could not find my topic afterwords or even up to now.

 

Anyways, the issue,is that my website header which my site is html... is here http://www.itehosting.com now, I have copied that header into the header.tpl file of whmcs... I've also moved the images directories and the css files that were in the html website over to the scripts lo0cation. In turn, this should work. It shows up correctly in dreamweaver although it does not on the website. http://itehosting.com/billing/

 

Best Regards,

Cody Colby

Link to comment
Share on other sites

The style.css, layout.css and maxheight.js are in your root directory, but you have the following in your WHMCS header, which is in the /billing/ directory. Just put a / in front of the path names so it will start in the root folder.

<link href="/style.css" rel="stylesheet" type="text/css" />
<link href="/layout.css" rel="stylesheet" type="text/css" />
<script src="/maxheight.js" type="text/javascript"></script>

Link to comment
Share on other sites

Thank you very much. It has helped me fix what I needed done although I have one more question. I've gotton everything changed on the homepage.tpl although must I change the content on everypage? For example http://www.itehosting.com/billing/ although must I change it for all the pages like clientarea.tpl http://www.itehosting.com/billing/clientarea.php

Link to comment
Share on other sites

Okay, i've gotton everything set up now, although I have one last question... as you can see on http://itehosting.com/billing everything looks nice and integrated although on my other pages, like http://itehosting.com/billing/clientarea.php you can see that the back ground does not match the site back ground and also the text looks not normal.

 

Is there a way to fix this without editing every page?

 

Best Regards,

Cody Colby

Link to comment
Share on other sites

Okay, i've gotton everything set up now, although I have one last question... as you can see on http://itehosting.com/billing everything looks nice and integrated although on my other pages, like http://itehosting.com/billing/clientarea.php you can see that the back ground does not match the site back ground and also the text looks not normal.

 

Is there a way to fix this without editing every page?

 

Best Regards,

Cody Colby

 

If you want some things in every page on the same place, why don't just place it in the header.tpl or the footer.tpl?

 

It looks like you just edited the homepage.tpl and put in the left menu (Services List, New Technologies, Special Support, Latest News Updates) and the professional webhosting banner. Why don't you just add that in the header.tpl and footer.tpl, so it puts it on every page like you want.

Link to comment
Share on other sites

Okay I understand what your saying... I am just going to have the homepage.tpl with the side bar and picutre and such... and then the other pages just with the header and footer.

 

Now, I am going to use the clientarea page as an example: http://www.itehosting.com/billing/clientarea.php the header and the footer has all the infomation, although once again the content inbetween the header and footer is big and the back ground is grey. How can I fix this?

 

Thank you very much for helping me out. ;)

Link to comment
Share on other sites

That means that you'll need to put this in your header.tpl:

{if $filename neq "index"}<div class="box">
         <div class="border-top">
           <div class="border-right">
             <div class="border-bot">
               <div class="border-left">
                 <div class="left-top-corner">
                   <div class="right-top-corner">
                     <div class="right-bot-corner">
                       <div class="left-bot-corner">
                         <div class="inner">
                           <div class="box2 indent">
                             <div class="border-top">
                               <div class="border-right">
                                 <div class="border-bot">
                                   <div class="border-left">
                                     <div class="left-top-corner">
                                       <div class="right-top-corner">
                                         <div class="right-bot-corner">
                                           <div class="left-bot-corner">
                                             <div class="inner bg">
											<p designtimesp="68">
											</p><div class="row-1 indent2">
                                                                     <div class="box3">
                                                                       <div class="border-top">
                                                                         <div class="border-right">
                                                                           <div class="border-bot">
                                                                             <div class="border-left">
                                                                               <div class="left-top-corner">
                                                                                 <div class="right-top-corner">
                                                                                   <div class="right-bot-corner">
                                                                                     <div class="left-bot-corner">
                                                                                       <div class="box2 indent">
                                                                                         <div class="border-top">
                                                                                           <div class="border-right">
                                                                                             <div class="border-bot">
                                                                                               <div class="border-left">
                                                                                                 <div class="left-top-corner">
                                                                                                   <div class="right-top-corner">
                                                                                                     <div class="right-bot-corner">
                                                                                                       <div class="left-bot-corner">
                                                                                                         <div class="inner">{/if}

And the footer.tpl:

{if $filename neq "index"}                                                                                                          </div>
                                                                                                       </div>
                                                                                                     </div>
                                                                                                   </div>
                                                                                                 </div>
                                                                                               </div>
                                                                                             </div>
                                                                                           </div>
                                                                                         </div>
                                                                                       </div>
                                                                                     </div>
                                                                                   </div>
                                                                                 </div>
                                                                               </div>
                                                                             </div>
                                                                           </div>
                                                                         </div>
                                                                       </div>
                                                                     </div>
                                                 </div></div>
                                           </div>
                                         </div>
                                       </div>
                                     </div>
                                   </div>
                                 </div></div></div></div>
							<div class="row-2 indent1">
                             <div class="wrapper"></div>
                           </div>
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>{/if}

(Holy crap, I didn't see so much DIV's in my life :-P Why so much?)

 

Using the:

{if $filename neq "index"}

Will show that code on every page except the index, which has it's own style.

 

Also, remove the following out of your homepage.tpl. It's already defined in your header:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>ITE Hosting - Premium Hosting Services: Shared cPanel Hosting, Reseller Hosting, Free Web Design, Email Hosting, Online Backup & Storage</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page1" onload="new ElementMaxHeight()">
<div id="main">
 <!-- header -->

Link to comment
Share on other sites

Yay! Thank you very much, it now works correctly. Although as for the home page, I have reverted it back to what it was before as default with whmcs http://itehosting.com/billing/ and that page does not show the correct back ground for some reason.

 

Then also for the text.. the text is very big on all the pages, and it is all defined in the style sheet which If I change that it will change it for everything, tabs, ect not just the text, how can I fix this?

 

Thank you very much!! ;)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated