SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wink Here's a cool effect

    OK,
    I know how to create a pop up menu....but how the heck did they create a TRANSPARENT ONE!!

    check this site : http://thecallrevolution.com/

    see how the pop up menu is a popup one but you can still see the background!!

    I need to know how this is done.

    ANyone?
    ********
    Regards,

    P

  2. #2
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Very cleverly

    I'll try and explain it

    First of all of those links are images, it is just a javascript rollover as seen on thousands of other sites...

    The creator has just used a LOT of little images to make up the brown section, some with text, some without, and used javascript to swap some of them when others are rolled over with the mouse, a lot of very messy code to get that to work right, but nothing "special" as such...

    I'll try and give you an example...

    You have the left hand tier 1 menu, where each link item is a seperate image, when your mouse goes over one, say "Sign In" it swaps the original white "Sign In" image with the yellow version, it also swaps other images, namely the blank background with the version with the links "Register", "Log In" and "Log Out", which all have their OWN mouseovers to change color...

    Make sense?

    Probably not

    Right click on any of those links and go to view image, will give you a better understanding of what I mean

  3. #3
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I was thinking....

    I was thinking that maybe they used the pic as the background in FW and created the popup menu over it and set it to transparent.

    that might work too..what do you think?
    ********
    Regards,

    P

  4. #4
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Would take a lot of work getting the transparency on the gif files up to scratch I believe...

  5. #5
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    butt.....

    itn't that an option on FW pop up menu


    to use transparent pop ups?
    ********
    Regards,

    P

  6. #6
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I do not use FireWorks, but I have no doubt it is pretty easy to do, but what they have done here I imagine is using something like Adobe AfterEffects (not sure of the Macromedia equivalent, maybe FW does this), made one image, and sliced up to the appropriate parts... The used a built in function to write the mouseover events for them, as if it had been hand coded it would have been slightly more readible I imagine LOL

    So you can go either way, but I think using the background as part of the image would possibly be easier than fiddling with the different transparency effects to try and get it right

  7. #7
    SitePoint Guru tombempty's Avatar
    Join Date
    Oct 2001
    Location
    New York
    Posts
    688
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    that's why I aksed

    Yeah...that sound about right.

    did not know though that's why I asked.....plus it looks cool
    ********
    Regards,

    P

  8. #8
    SitePoint Wizard iTec's Avatar
    Join Date
    May 2001
    Location
    Sydney, Australia
    Posts
    2,243
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if you mouseover the fasting and prayer link you can see a part of the building moves because they have sliced out the background.


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
  •