Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background Image

    I want to add a background that has a gradient on the sides just for the section under the top image, where the text is. What is the best way to do that? This is the page I am referencing:
    Sales Advice | Phone Sales Tips | SalesDog

  • #2
    Regular Coder
    Join Date
    Feb 2014
    Posts
    110
    Thanks
    32
    Thanked 0 Times in 0 Posts
    You can use a CSS gradient CSS Gradient Background Maker or do the gradient in Photoshop, though you might run into problems with how long the image takes to download on your page.

  • #3
    New to the CF scene
    Join Date
    Apr 2014
    Location
    www.tifannywatch.com
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I suggest you do create a background image with gradient color in photoshop or corel draw and then cut it as 1px width and then repeat it with this code : bacground-repeat : repeat-x;

    Hope this helps

  • #4
    New to the CF scene
    Join Date
    Apr 2014
    Location
    www.tifannywatch.com
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I suggest you do create a background image with gradient color in photoshop or corel draw and then cut it as 1px width and then repeat it with this code : bacground-repeat : repeat-x;

    Hope this helps

  • #5
    New to the CF scene
    Join Date
    Apr 2014
    Location
    Yuba City, CA
    Posts
    9
    Thanks
    0
    Thanked 3 Times in 3 Posts
    Notice that if I change the following:

    Code:
    .body1 {
    	background-image:url(http://www.salesdog.com/graphics/border_bkgd_repeat_slim.jpg);
    	background-position:50% 320px;
    	background-repeat:no-repeat;
    	background-color:#fff;
    }
    That the image appears right where you'd like it? However, it doesn't repeat all the way down. To do that, you'd have to edit the image and repeat it in a program like Photoshop or Corel. The larger image will take longer to load though. Another thing you could do is cover up part of the background with a 320px height DIV with a white background that sits behind the top image and navigation bar.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •