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 13
  1. #1
    Join Date
    Apr 2005
    Location
    South Wales!
    Posts
    3,535
    Tokens
    2,371

    Latest Awards:

    Default Backround not repeat? any code for this?

    Didnt reallt know what to search for this, what I want is, for an image to show as the backround but when you scroll it doesnt repeat the image. once the image has finished id like the rest of the backround to be plain black. Can this be done?

    Im sure its not that hard atall, but I just couldnt find anything when I searched.

  2. #2
    Join Date
    Aug 2006
    Location
    London
    Posts
    1,907
    Tokens
    0

    Latest Awards:

    Default

    background-repeat: No-repeat;

  3. #3
    Join Date
    Apr 2005
    Location
    South Wales!
    Posts
    3,535
    Tokens
    2,371

    Latest Awards:

    Default

    Quote Originally Posted by :Liam View Post
    background-repeat: No-repeat;
    thanks, ill have a try of that now

    edit:

    not sure where to put it in this really I currently have:

    <body background="psrealm_r3_c8.png">

    Tired placing it at the end but it just carried on, also where would I add the #000000 to make the black continue rather than the image?
    Last edited by awelsh; 28-05-2008 at 06:28 PM.

  4. #4
    Join Date
    Apr 2005
    Location
    South Wales!
    Posts
    3,535
    Tokens
    2,371

    Latest Awards:

    Default

    Sorry, delete this post please

  5. #5
    Join Date
    Aug 2006
    Location
    London
    Posts
    1,907
    Tokens
    0

    Latest Awards:

    Default

    Using CSS so you put in the head.

    <style type="text/css">
    Background-color:000000;
    Background-Repeat:No-Repeat;
    </style>

  6. #6
    Join Date
    Apr 2005
    Location
    South Wales!
    Posts
    3,535
    Tokens
    2,371

    Latest Awards:

    Default

    Quote Originally Posted by :Liam View Post
    Using CSS so you put in the head.

    <style type="text/css">
    Background-color:000000;
    Background-Repeat:No-Repeat;
    </style>
    but I still need the image to be there, it hasnt worked. Ive got the image as the backround using:

    <body background="psrealm_r3_c8.png">

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

    Latest Awards:

    Default

    Quote Originally Posted by awelsh View Post
    but I still need the image to be there, it hasnt worked. Ive got the image as the backround using:

    <body background="psrealm_r3_c8.png">
    HTML Code:
    <style type="text/css">
    body {
    background-repeat: no-repeat;
    background-image: url('psrealm_r3_c8.png');
    }
    </style>
    add that to the head section of your page and remove background="psrealm_r3_c8.png" from the body tag.
    Last edited by Decode; 28-05-2008 at 08:15 PM.
    Lets set the stage on fire, and hollywood will be jealous.

  8. #8
    Join Date
    Dec 2006
    Posts
    7,601
    Tokens
    95

    Latest Awards:

    Default

    the div style is:

    <style type="text/css">
    <!--
    #divname{
    background-image:"psrealm_r3_c8.png";
    background-repeat:no-repeat;
    }
    -->

    or

    <style type="text/css">
    <!--
    body {
    background-image:"psrealm_r3_c8.png";
    background-repeat:no-repeat;
    }
    -->

  9. #9
    Join Date
    Apr 2005
    Location
    South Wales!
    Posts
    3,535
    Tokens
    2,371

    Latest Awards:

    Default

    Thanks, +rep to you all

  10. #10
    Join Date
    Dec 2006
    Location
    Swindon
    Posts
    3,299
    Tokens
    215
    Habbo
    dunko

    Latest Awards:

    Default

    Have it fixed at bottom right when you scroll:

    background: #COLOUR url('image/image.ext') no-repeat fixed bottom right;

    Edit bottom to centre and top and left and right or just delete it for dead in middle.

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
  •