Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Add image icon to speed bar

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 02-14-2010, 10:36 AM
 
newage newage is offline
 

Member
  
Join Date: Jul 2009
Posts: 29
 

Default 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
__________________
Version 4.2.2
No add-ons
Reply With Quote
  #2  
Old 02-17-2010, 10:16 AM
 
dwpers dwpers is offline
 

Senior Member
  
Join Date: Aug 2009
Location: Washington D.C.
Posts: 136
 

Default 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.
__________________
X-Cart Pro 4.2.2
Reply With Quote
  #3  
Old 02-17-2010, 12:04 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,201
 

Default Re: Add image icon to speed bar

url would help
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #4  
Old 02-17-2010, 03:48 PM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default Re: Add image icon to speed bar

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
Attached Thumbnails
Click image for larger version

Name:	speed.png
Views:	291
Size:	43.1 KB
ID:	1862  Click image for larger version

Name:	tabs_template_orange_white_withbacklinecolourmatch.png
Views:	276
Size:	6.5 KB
ID:	1863  
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
  #5  
Old 02-18-2010, 08:51 AM
 
dwpers dwpers is offline
 

Senior Member
  
Join Date: Aug 2009
Location: Washington D.C.
Posts: 136
 

Default 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.

__________________
X-Cart Pro 4.2.2
Reply With Quote
  #6  
Old 02-18-2010, 09:05 AM
  gizmo's Avatar 
gizmo gizmo is offline
 

X-Adept
  
Join Date: Jan 2005
Location: Crawley : UK
Posts: 618
 

Default 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
__________________
Thank You - Alan
Don't be like me, and keep saying "Nearly did it" go do it!!
Version: 4.4.4 Gold -
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 08:22 AM.

   

 
X-Cart forums © 2001-2020