SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member rdyco's Avatar
    Join Date
    Mar 2013
    Location
    US
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to create a background image repeats...? What size?

    I have this background image that I'm trying to position in the background. I'm not sure what size I need to set the image in Photoshop or how to get this right. I need it to where if a user zooms in our out, the background image will continue to repeat. Please take a look at the image over at my site to see what I'm talking about.

    http://miengraphics.com

    I'm still in the process of designing the website. So there may be some changes here and there with random 1px red border to help out.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by rdyco View Post
    Please take a look at the image over at my site to see what I'm talking about.
    Which image do you mean? If the image can repeat/tile, it doesn't need to be very big at all. Even 20px x 20px is sometimes fine. Depends on the image, though.

  3. #3
    SitePoint Member rdyco's Avatar
    Join Date
    Mar 2013
    Location
    US
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm talking about the horizontal spiral along with the vector icons... Do I need a very big image so when people zoom out it doesn't get cut off?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    At the moment, your intro div has a fixed width, so repeating the image wouldn't change the current appearance (much). The image isn't quite ready for repeating yes, as the ends don't match up, but perhaps that could be changed. If you want the image to repeat across the screen, you'll need to perhaps put it on the <header> instead (which shouldn't really have the intro part in it, I'd say, but that's another issue).

    We'd need to know a bit more about how you want this to look. If you are going to repeat the image across the screen, you'll want to detach the bit at the bottom of it, I'd think.

  5. #5
    SitePoint Member rdyco's Avatar
    Join Date
    Mar 2013
    Location
    US
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The image is the one located in the div='intro' tag. I tried to have it repeat but didn't know how. I found out by modifying it in photoshop through offsetting the background image that it repeats when zoomed out. It's not perfect but it does the job for now. Thank you, Ralph.

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,177
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Cool, nice work. It looks good.


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
  •