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)
-   -   Add image icon to speed bar (https://forum.x-cart.com/showthread.php?t=52338)

newage 02-14-2010 10:36 AM

Add image icon to speed bar
 
On my speed bar I have 4 text links with the same icon beside them all. I want to use customized icons beside each of them, to jazz it up a bit.

I know where to add/delete these links, however I can not find where I can change the individual icons.

I am using a 4.2.2 version of x-cart.

Thanks, appreciate your help

dwpers 02-17-2010 10:16 AM

Re: Add image icon to speed bar
 
I'm guessing using CSS and assign each link a special .li property and then use li decoration as none and set it as the specific image for each one.

Sorry, I don't mess with list style images anymore so not up to date on the proper way to go about it, but that should generally work.

cflsystems 02-17-2010 12:04 PM

Re: Add image icon to speed bar
 
url would help

gizmo 02-17-2010 03:48 PM

Re: Add image icon to speed bar
 
2 Attachment(s)
In My 4.3.1 Designs I have redone speed bar and used 2 images and changed the css that controls the speed bar to include a <span> Tag, example in images shows off this.

My images are done in adobe photo-shop, and cut to two images to use the proper rollover effect, you could add icons to those, but this is complex.

You could add images but this would require quite a lot of css coding.

SPEEDBAR EXAMPLE:

http://forum.x-cart.com/attachment.php?attachmentid=1862&stc=1&d=126645392 4


IMAGES USED CUT IN 2:

http://forum.x-cart.com/attachment.php?attachmentid=1863&stc=1&d=126645399 7

Hope this gives some inspiration

dwpers 02-18-2010 08:51 AM

Re: Add image icon to speed bar
 
Quote:

Originally Posted by gizmo
In My 4.3.1 Designs I have redone speed bar and used 2 images and changed the css that controls the speed bar to include a <span> Tag, example in images shows off this.

My images are done in adobe photo-shop, and cut to two images to use the proper rollover effect, you could add icons to those, but this is complex.

You could add images but this would require quite a lot of css coding.

SPEEDBAR EXAMPLE:

http://forum.x-cart.com/attachment.php?attachmentid=1862&stc=1&d=126645392 4


IMAGES USED CUT IN 2:

http://forum.x-cart.com/attachment.php?attachmentid=1863&stc=1&d=126645399 7

Hope this gives some inspiration


Just a little FYI for you, your "Special Offers" banner is misspelled on your example page.

:-)

gizmo 02-18-2010 09:05 AM

Re: Add image icon to speed bar
 
Quote:

Just a little FYI for you, your "Special Offers" banner is misspelled on your example page.

:( Flip, yea that was put up last night, Brain Drain. It's on my local server anyways and all for dev purposes....

Thanks anyway


All times are GMT -8. The time now is 09:56 PM.

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