Results 1 to 7 of 7
  1. #1
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Default My Logo/Header Needs Splitting

    I have a large background image in my header (at http://www.oldwestgames.com) that I need to seamlessly split in two for the sake of faster image loading. it's currently 32k which is not huge but it's not tiny either. I think two 15k images would load faster.

    Can someone please give me some advice on how to do this.

    I figured I would split the image into header_bg_left.png and header_bg_right.png

    and here is my current logo wrapper code...
    Code:
    #logoWrapper { 
    background-color: #fff; 
    width:960px; height:130px; 
    background-image:url(../images/header_bg.png); 
    background-repeat:no-repeat; 
    background-position:center; 
    text-align:center; 
    padding-top:5px; }
    thanks in advance.

  2. #2
    Join Date
    Jul 2006
    Location
    SF Bay Area
    Posts
    867
    Plugin Contributions
    1

    Default Re: My Logo/Header Needs Splitting

    Here is your whole header image at 13.8k:

    http://www.zen-fu.com/test/header_bg.jpg

    I'll delete it after a few days.

    right click and save image as.

    I can't really see two 15k images loading any faster than one 30k image.

  3. #3
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Default Re: My Logo/Header Needs Splitting

    Quote Originally Posted by kiddo View Post
    Here is your whole header image at 13.8k:

    http://www.zen-fu.com/test/header_bg.jpg

    I'll delete it after a few days.

    right click and save image as.

    I can't really see two 15k images loading any faster than one 30k image.
    Yeah, I really don't like that image quality. I'm a graphic designer so I know how to edit images. I simply need the code for the display of images in the header.

    I am not sure if they will load faster but they will more likely begin to load quicker. At this point my header seems to be the last image that fully loads which leaves a bad taste in my mouth because when you are browsing you tend to look for that page title or logo.

    thanks though.

    I would still like to get the code and see if it helps.

    anyone?

  4. #4
    Join Date
    Jul 2005
    Location
    Brooklyn NY
    Posts
    507
    Plugin Contributions
    0

    Default Re: My Logo/Header Needs Splitting

    That is a great looking site. How did you do the drop down menus under the header?

  5. #5
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: My Logo/Header Needs Splitting

    Quote Originally Posted by touchclothing View Post
    How did you do the drop down menus under the header?
    http://www.zen-cart.com/index.php?ma...roducts_id=479

  6. #6
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Default Re: My Logo/Header Needs Splitting

    Quote Originally Posted by touchclothing View Post
    That is a great looking site. How did you do the drop down menus under the header?
    sorry been busy the last few days. yeah, what misty said above. great add-on

  7. #7
    Join Date
    Jan 2006
    Location
    Portland, Oregon
    Posts
    276
    Plugin Contributions
    0

    Default Re: My Logo/Header Needs Splitting

    Quote Originally Posted by touchclothing View Post
    That is a great looking site. How did you do the drop down menus under the header?
    oh, and thank you for the compliment. took me a while. lol.

 

 

Similar Threads

  1. Needs some help with header area
    By matchlock in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 26 Jul 2011, 11:33 PM
  2. Can't reszie the logo header in my template to fit logo image
    By signify in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 1 May 2011, 06:57 PM
  3. Email header logo (header.jpg) not displaying
    By 1100101 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 30 Aug 2010, 10:46 AM
  4. Space Between Logo-header and EZ-Pages Header
    By Tig in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Jul 2008, 07:17 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR