X-Cart: shopping cart software

X-Cart forums (https://forum.x-cart.com/index.php)
-   Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)
-   -   How to change navigation colors to graphics? (https://forum.x-cart.com/showthread.php?t=46503)

bluehickey 03-24-2009 09:51 AM

How to change navigation colors to graphics?
 
I want to change the color of my speed bar and navigation to graphics with some nice gradients in them. I am capable of creating the graphics I need, but I do not know how or where to go to put them so they show up in the site.

If you take a look at my site, what I specifically want to alter is the orange color across the top and the shades of blue in the navigation: http://www.cartoonsolutions.com

Thanks!

Laura 03-24-2009 01:44 PM

Re: How to change navigation colors to graphics?
 
I would also like to know this and how to change the box at the top of all the boxes along the side to a picture instead of a top box.

In other words, I'd like to change the Manufacturers, Catagories, Help, and other boxes like those to pictures with the words to change up the look of the site.

Victor D 03-25-2009 12:42 AM

Re: How to change navigation colors to graphics?
 
bluehickey
for top orange bar
In the line 39 of your skin1.css replace
Code:

background-color:#FF8600;
with

Code:

background:#FF8600 url(images/custom_image.gif) top left repeat-x;
Place your custom_image.gif in skin1/images

Then you'll see that areas tabs content is still orange
so skin1.css line 203
.Tab {

}
you have to find background-color there ad change it's value to transparent or remove completely

For menu boxes you should add background image to
.VertMenuTitle (line 48 )
and .VertMenuBox (line 42)

bluehickey 07-01-2009 10:13 AM

Re: How to change navigation colors to graphics?
 
Wow, this totally worked perfectly! Thank you so much.


All times are GMT -8. The time now is 10:31 AM.

Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.