Thread: Backgrounds
View Single Post
  #4  
Old 11-12-2006, 04:27 AM
 
carpeperdiem carpeperdiem is offline
 

X-Guru
  
Join Date: Jul 2006
Location: New York City, USA
Posts: 5,399
 

Default Re: Backgrounds

What do you want to change?

If you want to change the copyright area, you see that there's a line:

Code:
<TD class="Bottom" align="right">{include file="copyright.tpl"}</TD>

In english:
1. TD is a table definition (section)
2. the class = "Bottom" -- ok, in your skin1.css, find a class called ".Bottom" -- this is one place where the css will influence your formatting.
3. {include file="copyright.tpl"} is exactly as it sounds... that means in the TD established here, with the css formatting defined here, the contents of /skin1/copyright.tpl will be placed here. If you evaluate the contents of copyright.tpl, you'll see it's calling on some language variables defined in the admin and your langauges...

Now, look at the skin1.css -- find ".bottom"
Mine looks like this (but it will be different than yours) -
Code:
.Bottom { padding: 2px 2px 2px 2px; border: 0px #DFDFDF solid; background: #FBDFFF; color: #000; text-align: center; font-size: 9px; }

You can edit the css parameters to taste.

The point of this is to try to show you that it's not all that difficult to edit if you know what you are looking for...

That's why you use webmaster mode -- to help find the template. And webmaster mode will also help you find nested templates (and in xcart, there are many!)

I am assuming you have basic knowledge of CSS, you have an FTP client with an integrated text editor...

Now, your original post said you wanted to:
Quote:
The main one I'd like to change at the moment is the top part where my logo and speedbars are located.
OK, so look in head.tpl (/skin1/head.tpl)
You know you want to search for "speedbar" - so see what's there -- in my head.tpl (which will be very different than yours) - I have this bit of code:
Code:
<td class="HeadLine" > { include file="speedbar/speedbar.tpl" } { include file="h4menu/h4menu.tpl" }
So, this means, there is a css class called "HeadLine" which determines the formatting of the td definition that contains my speedbar and h4menu templates. (in my case, my speedbar and h4menu templates also call their own css files, but that's more advanced than this message....)

If you don't understand the relationship between css and tables and how to format a td, etc, you may want to do some html and css homework.

Hope this helps.

Jeremy
__________________
xcart 4.5.4 gold+ w/x-payments 1.0.6; xcart gold 4.4.4
Reply With Quote