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
  1. #1
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    4,753
    Tokens
    1,860
    Habbo
    ,Alpha,

    Latest Awards:

    Default [CODING] Coding help [CODING]

    Hey guys!

    I am having trouble with my layouts, I have just learn't to code them but I can't make them expandable... Is there anybody who can help me or cive me some sort of tutorial please?

    Also! Do NOT Say "Google IT" OR "Search The Forum" As I Have Done And couldn't find elt ..

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

    Latest Awards:

    Default

    To make something expandable , simply remove the height: element from the css / style of the certain part you want expandable.

    Quick edit , I meant height not width .
    Last edited by --ss--; 28-01-2008 at 07:27 PM.

  3. #3
    Join Date
    Oct 2006
    Location
    United Kingdom
    Posts
    4,753
    Tokens
    1,860
    Habbo
    ,Alpha,

    Latest Awards:

    Default

    Its That Easy? thanks +REP Although Neutral

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

    Latest Awards:

    Default

    Quote Originally Posted by dj-huntey View Post
    Its That Easy? thanks +REP Although Neutral
    Yes it is , but pulling it off right without making the page looked messed up is the hard part .

  5. #5
    Join Date
    Dec 2006
    Posts
    3,970
    Tokens
    0

    Latest Awards:

    Default

    to make a layout expanable it needs to be coded into a big table;

    So..

    HTML Code:
    <table style="width: 500px;" cellpadding="0" cellspacing="0">
    <tr height="20"><td style="background: url('top.gif');"></td></tr>
    <tr><td style="background: url('mid.gif');">
    Your Text Here
    </td></tr>
    <tr height="20"><td style="background: url('bot.gif');"></td></tr>
    </table>
    For the table above you would need to make an image for the top of the layout which is 500x20 px, same with the bottom, and with the middle make a 500x1 px image and it will repeat its self.

    And the table will look something like this

    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    Lets set the stage on fire, and hollywood will be jealous.

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

    Latest Awards:

    Default

    Quote Originally Posted by Tom743 View Post
    to make a layout expanable it needs to be coded into a big table;

    So..

    HTML Code:
    <table style="width: 500px;" cellpadding="0" cellspacing="0">
    <tr height="20"><td style="background: url('top.gif');"></td></tr>
    <tr><td style="background: url('mid.gif');">
    Your Text Here
    </td></tr>
    <tr height="20"><td style="background: url('bot.gif');"></td></tr>
    </table>
    For the table above you would need to make an image for the top of the layout which is 500x20 px, same with the bottom, and with the middle make a 500x1 px image and it will repeat its self.

    And the table will look something like this

    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    |................................................. ...................|
    ___________________________________________
    |.................................................. ..................|
    |.................................................. ..................|
    ___________________________________________
    Tables aren't a very good way of coding.
    If you do want to learn to code in tables then this guide is perfect for you but I repeat if you're wanting to be 'professional' then Divs + CSS is the way to go .

Posting Permissions

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