SitePoint Sponsor

User Tag List

Results 1 to 22 of 22
  1. #1
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Filter on mouseover?

    I've seen a few sites (mostly web design related sites) that use CSS filter for mouseovers. I'm trying a few combinations and can't get it working like I think it should be. Can someone point me to a few of those sites please?

    I think JMulder has linked a few and maybe Glenplake?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  2. #2
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    creole, CSS filter? What do you mean with filter? What does it look like etc. ? I know too many sites
    Jeroen Mulder

    w: www.jeroenmulder.com

  3. #3
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The images I'm talking about are buttons, small buttons that are usually down the sides of the site. They are slightly greyed out when you look at them but when you rollover them, the buttons turn to full color. I know it's done using CSS because I remember checking the code.

    It's one of your tutorial sites Jeroen. Post a few here if you don't mind. Or if you happen across one that's using that method then post that one.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  4. #4
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah yes, Robouk uses that, at the bottom. I love that effect

    That's the only site I know at the moment, I'll search for it.

    EDIT: That doesn't seem to make use of CSS, maybe you can use CSS to get it to work, but I am not a filter expert, I can try it if you want me to.
    Last edited by JMulder; Feb 19, 2002 at 08:46.
    Jeroen Mulder

    w: www.jeroenmulder.com

  5. #5
    Gone!
    Join Date
    Aug 2001
    Location
    Witty Location Parody
    Posts
    3,889
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cant recall any of the sites I may of linked to, but here is a link for a wizard that generates CSS filter code for text or images in all different effects, including gray.

    Havent tried it, but give it a whirl.

    http://ohetc.com/developers/FiltWzrd.html

    Glen

  6. #6
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually, it should be simple use of the Opacity Filter and simple CSS mouseovers like you do with normal links..I think.

    I'll try it out creole
    Jeroen Mulder

    w: www.jeroenmulder.com

  7. #7
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is the script I was looking for. It's dHTML.

    <script language="JavaScript1.2">
    function makevisible(cur,which){
    if (which==0)
    cur.filters.alpha.opacity=100
    else
    cur.filters.alpha.opacity=40
    }
    </script>

    And implemented like so:
    <img src="linkac.gif" style="filter:alpha(opacity=40)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" border="0">

    And by the way, that was site that I was thinking of.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  8. #8
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What a nice looking site! Good little scripty thing too. Any idea how he does the SMS message thing?
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  9. #9
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's got something to do an SMS gateway:
    http://www.google.com/search?sourcei...sms+on+website
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  10. #10
    SitePoint Guru moonman's Avatar
    Join Date
    Dec 2000
    Location
    The Sea of Tranquility
    Posts
    696
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I love that image thingy. Very cool

  11. #11
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    creole, aah dHTML, so no CSS? I haven't been able to get it working with CSS.

    And yes, Robouk is a nice site, but the best is Shadowness
    Jeroen Mulder

    w: www.jeroenmulder.com

  12. #12
    SitePoint Guru moonman's Avatar
    Join Date
    Dec 2000
    Location
    The Sea of Tranquility
    Posts
    696
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Those are some awsome graphics on that site. Quality.

  13. #13
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    dHTML is CSS and Javascript combined.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  14. #14
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by creole
    dHTML is CSS and Javascript combined.
    But no CSS only
    Jeroen Mulder

    w: www.jeroenmulder.com

  15. #15
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can easily use CSS to give a transparent look, but you'd have to use javascript to change the transparency onMouseOver.
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  16. #16
    1-800-JMULDER JMulder's Avatar
    Join Date
    May 2001
    Location
    The Netherlands
    Posts
    1,745
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah exactly, but I thought you wanted CSS only so I was kind of confused but I wouldn't have been surprised it if would work somehow..but it doesn't
    Jeroen Mulder

    w: www.jeroenmulder.com

  17. #17
    SitePoint Member
    Join Date
    Feb 2002
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey, thanks for the comments guys!
    the script id from www.dynamicdrive.com and the SMS script is my own which you can get from the free secion. =)
    -Robouk
    http://robouk.mchost.com
    http://www.tutorialforums.com

  18. #18
    We like music. weirdbeardmt's Avatar
    Join Date
    May 2001
    Location
    Channel Islands Girth: Footlong
    Posts
    5,882
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hah, that's quite cheeky but I suppose it makes sense. I've been looking for a way to send SMS messages from one of my sites for ages, and that way has inspired a new idea in me!

    I won't use your script, but the idea is brilliant! Thanks!
    I swear to drunk I'm not God.
    Matt's debating is not a crime
    Hint: Don't buy a stupid dwarf Clicky

  19. #19
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Robouk...do you really get a lot of messages from your wbsite?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  20. #20
    SitePoint Member
    Join Date
    Feb 2002
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Heh, depends what you call alot... =)

    about 7 a day but it varies alot
    -Robouk
    http://robouk.mchost.com
    http://www.tutorialforums.com

  21. #21
    SitePoint Wizard creole's Avatar
    Join Date
    Oct 2000
    Location
    Nashvegas Baby!
    Posts
    7,845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd call that a lot. Is it mostly people you know or do you get some really random, weird messages?
    Adobe Certified Coldfusion MX 7 Developer
    Adobe Certified Advanced Coldfusion MX Developer
    My Blog (new) | My Family | My Freelance | My Recipes

  22. #22
    SitePoint Member
    Join Date
    Feb 2002
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ahh, sorry i misunderstood you, i thought you were talking about emails.

    The sms form eh?
    yeah thats like 20 a day (used to be) but the questions can get annoying and some are so silly its funny.

    people ask questions like

    can you teach me some tips? thanks alot
    -pete

    now how am i supposed to know who pete etc etc
    heh, it can get annoying =)
    -Robouk
    http://robouk.mchost.com
    http://www.tutorialforums.com


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
  •