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!


Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Aug 2006
    Location
    Cardiff, Wales
    Posts
    3,439
    Tokens
    1,751

    Latest Awards:

    Default Coding in expandables

    Iv'e looked online,

    Iv'e learnt html css and a bit of javascript but I still am not sure how you code in expandables, any links to tutorials would be useful

  2. #2
    Join Date
    Jun 2008
    Location
    Manchester
    Posts
    766
    Tokens
    0

    Default

    Expandable whats?
    Divs or iframes? Exandable iframes require javascript (most people get of dynamic drive) and expandable divs require that you don't use fixed size images.

  3. #3
    Join Date
    Aug 2006
    Location
    Cardiff, Wales
    Posts
    3,439
    Tokens
    1,751

    Latest Awards:

    Default

    expandable divs sorry

  4. #4
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:


  5. #5
    Join Date
    Jun 2008
    Location
    Manchester
    Posts
    766
    Tokens
    0

    Default

    Quote Originally Posted by --ss-- View Post
    Yeah, but you only really need to make images of the corners and use borders and background-color for the rest in the example of yours.

  6. #6
    Join Date
    Feb 2007
    Location
    Essex, England
    Posts
    1,392
    Tokens
    0

    Latest Awards:

    Default

    You can't use a border to create the edges of what he's done.

    That tutorial is good and with a bit of common sense and logic you can built that into a more complex layout.


  7. #7
    Join Date
    Jun 2008
    Location
    Manchester
    Posts
    766
    Tokens
    0

    Default

    Quote Originally Posted by L?KE View Post
    You can't use a border to create the edges of what he's done.
    You can.
    HTML Code:
    <style>
    div.border
    {
    background-image: url(leftcorner.jpg);
    }
    div.border div
    {
    border-width: 1px 0px 0px 0px;
    background-color: #000000;
    }
    div.border div div
    {
    background-image: url(rightcorner.jpg);
    }
    </style>
    <div class="border"><div><div></div></div></div>

  8. #8
    Join Date
    Jan 2008
    Posts
    3,711
    Tokens
    100

    Latest Awards:


  9. #9
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:

    Default

    Quote Originally Posted by Jxhn View Post
    You can.
    HTML Code:
    <style>
    div.border
    {
    background-image: url(leftcorner.jpg);
    }
    div.border div
    {
    border-width: 1px 0px 0px 0px;
    background-color: #000000;
    }
    div.border div div
    {
    background-image: url(rightcorner.jpg);
    }
    </style>
    <div class="border"><div><div></div></div></div>
    That's just complicating things and making it messy.
    The example is for a general box, sure you could do it your way with corners but not going to be much use when it comes to more complicated boxes.

  10. #10
    Join Date
    Jun 2008
    Location
    Manchester
    Posts
    766
    Tokens
    0

    Default

    Quote Originally Posted by --ss-- View Post
    That's just complicating things and making it messy.
    The example is for a general box, sure you could do it your way with corners but not going to be much use when it comes to more complicated boxes.
    It means it can extend both ways rather than just one and should reduce load times.

Page 1 of 2 12 LastLast

Posting Permissions

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