SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Thread: VBulletin

  1. #1
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    VBulletin

    http://www.vbulletin.com/forum/index.php

    How do they achieve the effect when clicking on "search" ?

  2. #2
    googlicious graymatter bvarvel's Avatar
    Join Date
    Sep 2002
    Location
    Katy, TX
    Posts
    956
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It looks like a combination of css and javascript. Perhaps when you click Search it triggers a javascript that shows a particular <div> to be visible. From there it would just be standard html.

  3. #3
    Back in Action Winged Spider's Avatar
    Join Date
    Jun 2001
    Location
    outside my mind
    Posts
    900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    vB Gamma is nice.

    *patientely waits for SP to upgrade*

  4. #4
    Web-coding NINJA! silver trophy beetle's Avatar
    Join Date
    Jul 2002
    Location
    Dallas, TX
    Posts
    2,900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could be a transition filter as well (IE only)
    beetle a.k.a. Peter Bailey
    blogs: php | prophp | security | design | zen | software
    refs: dhtml | gecko | prototype | phpdocs | unicode | charsets
    tools: ide | ftp | regex | ffdev




  5. #5
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I downloaded both the .js files that are in the source and basically cloned the .html page and it doesn't work. There's something hidden *doh*

  6. #6
    Web-coding NINJA! silver trophy beetle's Avatar
    Join Date
    Jul 2002
    Location
    Dallas, TX
    Posts
    2,900
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could be a pathing problem, or maybe the scripts do a domain check. Or maybe there's something in the CSS (rare). Could be any of several things.
    beetle a.k.a. Peter Bailey
    blogs: php | prophp | security | design | zen | software
    refs: dhtml | gecko | prototype | phpdocs | unicode | charsets
    tools: ide | ftp | regex | ffdev




  7. #7
    SitePoint Wizard bronze trophy
    Join Date
    Apr 2003
    Posts
    4,095
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile Not Just IE

    It works in Firebird, so it certainly isn't only IE. Cool. ;tup:

  8. #8
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    It is done with CSS Clipping via Javascript.
    Wayne Luke
    ------------


  9. #9
    Bah, I'll just hack it DoobyWho's Avatar
    Join Date
    Jul 2002
    Posts
    476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by W. Luke
    It is done with CSS Clipping via Javascript.
    ?

  10. #10
    Your Lord and Master, Foamy gold trophy Hierophant's Avatar
    Join Date
    Aug 1999
    Location
    Lancaster, Ca. USA
    Posts
    12,305
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You take a DIV and you show 1 X 1 pixels of it. Then you use Javascript to expand on that until the whole thing shows. This provides a slide-out effect that shows the menus slowly. If you have a copy of vBulletin, you can see this code in the file vbulletin_menu.js. Oh and the javascript looks for particular values to be filled via PHP before they will work properly.

    The drop shadows on the menus use DirectX Transformations which are available in Internet Explorer 5 or higher under Windows.

    The log-out sequence where the entire page goes grayscale when you log out is also done with a DirectX transformation.
    Wayne Luke
    ------------



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
  •