View Single Post
  #11  
Old 07-08-2006, 10:38 PM
 
jillsybte jillsybte is offline
 

eXpert
  
Join Date: Jun 2006
Location: New York, USA
Posts: 389
 

Default

pnm,

The color there is actually a background image. It is called dialog_bg_n.gif and it's in the <x-cart dir>/skin1/images directory. You can download that and use Paintshop or Photoshop to change its color and then upload it to the same location. You could also just create your own image of the same size and upload that with the same name. If you make your own images, make them 72 dpi resolution. I believe the image is 30 pixels high by 1000 pixels wide, but I'm not positive. I'm at work and can't access my server from here because of our firewall.

If you look in skin1.css, you'll see a class called TD.DialogTitle. That controls the box in question. If you decide to create your own image and you want it taller or shorter, make sure to change the height of the table cell for the title box as well. I think that is controlled by the home.tpl template, but I don't recall the exact directory it's in. If you don't want to be bothered with images, just replace the "background-image:" with "background-color:" and replace the image entry with a hex color code of your choosing.

The way background images work is that only what can be shown will show. So if your image is larger than the cell it's in, only part of the image will show. The way this particular cell works is that the image is the same height as the cell (30 pixels), but it's wider. Therefore, only the left portion of the image is seen. Keep this in mind if you design your own image.

Many of the buttons you see in your store are designed this way as well. They actually use curved images for the left and right side, or for the four corners. Then they use a little 1-pixel wide image as the background image in the table cell and turn on repeat-x. The image will just be repeated in the horizontal direction to fill the cell, but it will look like a single image when everything is put together.

If you design your own images or re-color the originals from X-Cart, make sure to use something like Paintshop, Photoshop, or Adobe Image Ready to optimize your images for the web. This will make them smaller in size for faster loading. If you simply re-color them and upload them, they'll be a lot bigger than the originals from X-Cart and slow down your store.

I hope this helps. I can probably be of more help when I'm at home and can access my server and all my files. So if you need further clarification, just ask.

Jill
__________________
X-Cart Gold 4.1.8 (Live)
BCSE Shipping Estimator for FLC Mod
BCSE Shipping Methods per Product Mod
BCSE Customer Review Management Mod
BCSE Catalog Order Form Mod
X-Cart Gold 4.5.2 (Building/Testing)
USA
Reply With Quote