Results 1 to 6 of 6

Thread: Text Color Invert of Background Image

  1. #1
    Join Date
    Aug 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Text Color Invert of Background Image

    Hi there, I'm sure you guys can help me out with this. The webpage I'm designing has a background image that is stationary, the problem is the text. The colors that would match the entire theme are to dark, making it hard to read in areas where the text and background image overlap. Using a brighter color doesn't match the theme, so that's a no go.

    Is there a code of some sort that when text and background image overlap it takes those area of text and inverts them? Thanks for the help!

  2. #2
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Unfortunately not, no. If you provide the site, perhaps one of us can find you an appropriate contrasting colour?
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  3. #3
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Find a median between the two colors, and that should help.
    - Mike

  4. #4
    Join Date
    Aug 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the help!

    You can check out my myspace sight, I was pretty much going to do the same theme with the set background image. Here. I tried a grey, but it didn't seem to help, maybe I was using to light of one.
    Last edited by Urobo[l]us; 08-31-2006 at 08:38 PM.

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Ah. MySpace.

    The problem is your choice of background image. It contrasts too much -- no matter what colour you use, it just won't show up when the image is underneath it. You have two options: apply a white wash to your image, so it's a pale grey on white, or apply a background to your content boxes. This doesn't have to be opaque; you could, for example, use a translucent white PNG as your background (with the appropriate filters to make it work with IE), or apply a dark colour and make your text light.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Aug 2006
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Didn't think of that, I think I'll just fade the background image. I'd like to just have a simple minimalist design, so if I faded it I'd get to have just black and white back, but still have the presence of the symbol in the middle.

    Thanks for all the help!

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
  •