Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 6 of 6

Thread: Slide DIV

  1. #1
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    Default Slide DIV

    Googled. Only confused me more.

    http://lukebateson.com

    At the bottom I have a footer with a 'navigation'. It has 'sub links' under the social category. I want the div to start lower down, and slide up, when clicking the social button, anyone know how I could do this?

    Thanks
    Luke

  2. #2
    Join Date
    Jul 2004
    Location
    California
    Posts
    8,725
    Tokens
    3,789
    Habbo
    HotelUser

    Latest Awards:

    Default

    Something like this http://develop.davzy.com/lukebateson ?

    Some things to consider:
    1. I've removed the margins on the images
    2. I've created a section after #container called #links to store each group of links
    3. the id for the containers holding links is for_(alt attribute for main links). So for instance if you click 'Home' the alt for home is alt="Home" so the id of the div containing sublinks for Home would be for_Home
    4. I've removed the need for the image place.png, due to it not playing nice when the footer expands even with no repeat-y
    5. The Javascript I've created for this is in javascript.js, and I've included it, and jquery in the index
    6. All CSS modifications and javascript I've put comments on


    download zip
    I'm not crazy, ask my toaster.

  3. #3
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    Default

    You sir, are an utter legend. Thank you so much!

  4. #4
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    Default

    Quote Originally Posted by HotelUser View Post
    Something like this http://develop.davzy.com/lukebateson ?

    Some things to consider:
    1. I've removed the margins on the images
    2. I've created a section after #container called #links to store each group of links
    3. the id for the containers holding links is for_(alt attribute for main links). So for instance if you click 'Home' the alt for home is alt="Home" so the id of the div containing sublinks for Home would be for_Home
    4. I've removed the need for the image place.png, due to it not playing nice when the footer expands even with no repeat-y
    5. The Javascript I've created for this is in javascript.js, and I've included it, and jquery in the index
    6. All CSS modifications and javascript I've put comments on


    download zip
    Edit; just noticed, there's a scoll bar, is there a way to stop that?

  5. #5
    Join Date
    Jul 2004
    Location
    California
    Posts
    8,725
    Tokens
    3,789
    Habbo
    HotelUser

    Latest Awards:

    Default

    Quote Originally Posted by Luke View Post
    Edit; just noticed, there's a scoll bar, is there a way to stop that?
    Add
    Code:
    top: -1000px;
    to the styling for #links.
    I'm not crazy, ask my toaster.

  6. #6
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    Default

    Quote Originally Posted by HotelUser View Post
    Add
    Code:
    top: -1000px;
    to the styling for #links.
    Again, Many Thanks!

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •