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 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Something like the colour of the wood for a background?

    Hi there,

    Someone has asked me to create a web page for him. For the colour of the background, he wants a colour like the wood of the guitar, where the grain of the wood is visible. He also wants those grains shown. I have heard this colour is called sunburst, where very thin veins of an alternate colour run through a base colour. I was wondering if it is possible with HTML/CSS? If not, how else may I do this?

    Also, he wants the margin background colour to fade to dark brown, and the base colour of the rest of the page to be light brown. How can I create fading colours in the margins of the page?

    Thanks!

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Google wood grain images or guitar wood images then when you find one you like save it and use photoshop to edit it like you want and save it as a background image in your stylesheet.

    You could also I suppose, take a picture of a guitar and use that image as well.

    As far as I know, there is no way to use just html/css to create such a complex affect for background images.

  • Users who have thanked teedoff for this post:

    parham (10-16-2010)

  • #3
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    What should I set the image resolution to? I thought people having different screen resolutions might stretch the image or bend it in strange ways.
    Last edited by parham; 10-12-2010 at 06:05 AM. Reason: Fixed a typo.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You could learn how to make a seamless background. Do a search on it.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    You could learn how to make a seamless background. Do a search on it.
    When I googled for seamless background colours, my search results were mostly about a, say, tile being repeated over and over without seams between tiles. However, what I want is a background image that becomes the background colour, and I'm looking for the attributes I should set on that image.

  • #6
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,246
    Thanks
    15
    Thanked 254 Times in 254 Posts
    Sunburst is a particular vector graphic, it doesn't look like wood grain at all, but the Japanese Sunburst logo. If you Google this you may find something you want: vector woodgrain background

  • Users who have thanked DrDOS for this post:

    parham (10-16-2010)

  • #7
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    4
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks, that gave me a lot of results. However, I can't use vector graphics in CSS as far as I know, and searching for "using vector graphics as background image in css" without quotes didn't give me a helpful result. Am I mistaken in thinking that vector graphics can't be used as background images in CSS?

    Thanks again!


  •  

    Tags for this Thread

    Posting Permissions

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