Fit Logo in Store Theme Background

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
User avatar
ajasko
Lieutenant (LT)
Lieutenant (LT)
Posts: 53
Joined: Sun Sep 23, 2007 8:04 pm
Contact:

Fit Logo in Store Theme Background

Post by ajasko » Mon Jun 09, 2008 10:54 am

Hi, how can I edit my logo so that the background of it fits the gradient/background of Ablecommerce theme headers? I need to integrate the logo into the store theme (mine is glass aqua). I use Fireworks 8

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: Fit Logo in Store Theme Background

Post by jmestep » Mon Jun 09, 2008 12:36 pm

I'm not sure exactly what you are asking, but this might point you to a way. On the sites that I have done, I have uploaded a transparent gif for the logo with a decent size to it so that if someone clicks the left of the top navigation, they go to the home page as they expect. Then I have put the header and logo into an image for the background of the store header, sometimes with an image map. Like:
#storeHeader {
width:100%;background:url(images/header6.gif) top left no-repeat; border: 0px;
height:129px; margin:0 0 0 0;padding: 0 0 0 0;}

http://www.directpaintball.com
http://www.accucutquilt.com
http://www.gravesitemasters.com

are some I have done with that process.
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

User avatar
igavemybest
Captain (CAPT)
Captain (CAPT)
Posts: 388
Joined: Sun Apr 06, 2008 5:47 pm

Re: Fit Logo in Store Theme Background

Post by igavemybest » Mon Jul 07, 2008 9:58 pm

A gif would not work smoothly for my application. I actually did a printscreen and cropped a section of the header and edited it in photoshop with the logo then saved as a jpg:
http://www.safetekusa.com/shopping for an example

User avatar
m_plugables
Commander (CMDR)
Commander (CMDR)
Posts: 149
Joined: Tue Mar 11, 2008 12:44 am
Contact:

Re: Fit Logo in Store Theme Background

Post by m_plugables » Tue Jul 08, 2008 4:15 am

Try the PNG format with transparent background hopefully it will work.
You can create either a PNG 8 or PNG 24 image. The PNG 24 may be problematic with IE6 but will work fine for others
Image
Visit the links below to Download Plugins for your AC7 Store
http://www.plugables.com
http://blog.plugables.com

Post Reply