Results 1 to 10 of 10

Thread: I'm looking for a sliding div and page content script

  1. #1
    Join Date
    Oct 2008
    Posts
    24
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default I'm looking for a sliding div and page content script

    Hi everyone.
    I'm looking for a script that will slide a div down from the top of the page, but also slide down all other content on the page at the same time. Similar to the following site:

    http://www.flairpair.com/blog/web-de...lide-in-effect

    Any help is much appreciated.
    Dan
    Last edited by IC619; 01-06-2009 at 04:09 PM.

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Why not just use the one from that site?
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  3. #3
    Join Date
    Mar 2007
    Location
    Currently: New York/Philadelphia
    Posts
    2,735
    Thanks
    3
    Thanked 519 Times in 507 Posts

    Default

    Your description is kind of vague but is this what you're looking for?

  4. #4
    Join Date
    Oct 2008
    Posts
    24
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Snookerman - I tried following their instructions but couldnt get it to work.

    Medyman - Thats a great script, but not currently what i'm looking for. Any ideas of what that particular script could be useful for?

    Basically. I'd like the same effect that happens when the 'popular tags' tab on the site I posted is clicked. Hopefully thats a little clearer

    Thanks,
    Dan

  5. #5
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Could you please post a link to your site or the code you tried to use so we can take a look and help you out?
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  6. #6
    Join Date
    Oct 2008
    Posts
    24
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Snookerman View Post
    Could you please post a link to your site or the code you tried to use so we can take a look and help you out?
    I found a different script at http://ifohdesigns.com/blog/tutorial...e-with-cookies which i've used. However, I'm having a couple of problems with it:

    1. The slide effect is not smooth on my page (although it is on their demo), it jumps.
    2. I can't seem to remove the 'toggle header' link.
    3. I can't seem to center align the page content.

    My test page:
    http://homepage.ntlworld.com/r.hartl...ction_copy.htm

    Does anyone have any suggestions of how to fix these problems?

    Thanks,
    Dan

  7. #7
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    #2 Find and remove this piece of code in your jquery-slider.js file:
    Code:
    var a = $("<a>toggle header</a>").attr('href','#').addClass("btn-slide");
    $('#wrapper').before(a);
    #3 Add this to your css code:
    Code:
    #main {
    	margin: 0 auto;
    }
    #1 I'm not sure about yet, I'll post if I come up with something.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  8. The Following User Says Thank You to Snookerman For This Useful Post:

    IC619 (01-06-2009)

  9. #8
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    #1 That is because of the padding you added here:
    Code:
    #panel {
    	width: 100%;
    	margin: 0 auto;
    	padding: 10px;
    	border: 0;
    	background-color: #333;
    }
    Remove that and add this instead:
    Code:
    #panel h2 {
    	padding: 10px;
    }
    Good luck!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  10. The Following User Says Thank You to Snookerman For This Useful Post:

    IC619 (01-06-2009)

  11. #9
    Join Date
    Oct 2008
    Posts
    24
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Thats perfect Snookerman! thanks alot

    I'll be sure to post a link to my entire site when I finally get it all sorted haha

    Thanks,
    Dan

  12. #10
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    You're welcome, happy to help! You can go to your first post in this thread, click then click Go Advanced and add the Resolved prefix to the thread title. This will let other users know the problem has been solved.

    Good luck with your site!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

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
  •