Quote:
|
Originally Posted by momentum
Hello
AOK I now understand the reason for the sprites. This is because we are using this with different sizes
I opened the main_sprites_lg.png
The size in photo shop is 500 x 500
Your logo is of course the same size as what the CSS has
width: 297px;
height: 42px;
What I do not understand is on the main_sprites_lg.png
You have a gift certificate image on there
What I do not get is why the 500 x 500 canvas and what am I supposed to do to make my new logo
I guess I am not sure how I go about making this sprite if that is what I have to make for the new logo.
|
Sorry, I just keep replying and explaining, I missed this message.
Well to do it the best way (since your logo is larger), you need to adjust the placement on the sheet of both the logo and the gift certificate image. Read my edited, long winded, first post again where I explain why it is this way and why there is more size on the sheet.
To sum things up, there are three options for changing this logo:
1. Create a new image(two if you prefer, one small one large), and edit the CSS referenced above to point to it. Change the
src to your new image.
2. Put your image
lower on the sprite sheets using your favorite graphics app, save it as PNG(24) and overwrite the existing sprite sheet. Then you need to edit the CSS to look down further on the sheet for your new image. (Explanation above) This is pretty easy once you are comfortable with it, and this is how you should add new images to your site design, whenever the element is to be used on several pages.
3. Edit the sprite sheet, moving the Gift Certificate portion down (if you like you can go pull a fresh copy of the gift cert image from /ideal_comfort/images/custom/gc_link.png), and then editing the CSS to reflect that. Lay your new larger logo over top the existing one on the sheet, and then also update the CSS to reflect the new location and width and height. This is the best way as it overwrites the existing logo without adding to the bloat, at least not much.