Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 14

Thread: transparency

  1. #1
    Junior Member
    Join Date
    Feb 2011
    Posts
    24
    Member #
    26993
    Hi there,

    Is there anyway to change the transparency of text which isnt an image? I have a copyright footer at the bottom of the page and was hoping to change the transparency to 50%. is this possible?

    Thanks

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    http://api.jquery.com/fadeTo/ <-- if you use this right, you can use the fadeTo to instantly fade your footer by 50%.

    I've never played with the CSS opacity filters for text, but they might work as well.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Junior Member
    Join Date
    Feb 2011
    Posts
    24
    Member #
    26993
    thanks

  5. #4
    Member jwind's Avatar
    Join Date
    Nov 2010
    Location
    On a mac
    Posts
    76
    Member #
    24894
    Liked
    4 times
    Or just wrap it in a div and apply the opacity to that div...

  6. #5
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Could do that, too.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  7. #6
    Member
    Join Date
    Oct 2010
    Location
    Philadelphia
    Posts
    82
    Member #
    24186
    Liked
    8 times
    Or perhaps a rgba setting in css and then using a contitional to set for good ole IE

  8. #7
    Junior Member
    Join Date
    Feb 2011
    Posts
    24
    Member #
    26993
    Ive had a quick look into how to change the div opacity. does anybody know a good tutorial on how to do this. the tuts i found are pretty ****.

  9. #8
    Member
    Join Date
    Oct 2010
    Location
    Philadelphia
    Posts
    82
    Member #
    24186
    Liked
    8 times
    how bout something like....

    div p{
    color: rbga( 255, 255, 255, 0.4);
    }

  10. #9
    Junior Member
    Join Date
    Feb 2011
    Posts
    24
    Member #
    26993
    Im guessing thats in the css. if so it didnt work

  11. #10
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    How about this: it seems you have to write separate CSS statements for each browser.
    This explains better than I could paraphrase, you'll just change the settings for whatever transparency you want.

    I haven't yet tried it myself but when I get a minute I'll do something with it and post back here about how it works.
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:56 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com