Habbo RevCMS - CSS Problems

Results 1 to 9 of 9
  1. #1
    Proficient Member Iluminatos is offline
    MemberRank
    Mar 2017 Join Date
    163Posts

    Habbo RevCMS - CSS Problems

    Hi, i've just added a new part for my cms and it wont work.

    This is my hotel:
    Spacedream - Var din dröm börjar!

    body {
    background: url(/app/tpl/skins/habbo/images/bg/val15/bg_left.png) fixed left bottom no-repeat,
    url(/app/tpl/skins/habbo/images/bg/val15/bg_right.png) fixed right bottom no-repeat,
    url(/app/tpl/skins/habbo/images/bg/val15/bg_center.png) repeat-x fixed center bottom;
    background-color: ##EFEFEF;
    overflow-x: hidden;
    }

    and thats the css i added, wont work.. :/ Why?


  2. #2
    Hello there RetroPiggy is offline
    MemberRank
    Aug 2013 Join Date
    UKLocation
    288Posts

    Re: Habbo RevCMS - CSS Problems

    Not entirely sure what issue you are having as you haven't stated but, from what I can see, there is an extra # in your HEX background colour. This may not be the main cause of your issue but I also noticed that the 3 images that you have linked to apparently do not exist on your server.

  3. #3
    Proficient Member Iluminatos is offline
    MemberRank
    Mar 2017 Join Date
    163Posts

    Re: Habbo RevCMS - CSS Problems

    Quote Originally Posted by RetroPiggy View Post
    Not entirely sure what issue you are having as you haven't stated but, from what I can see, there is an extra # in your HEX background colour. This may not be the main cause of your issue but I also noticed that the 3 images that you have linked to apparently do not exist on your server.
    The problem:
    I've added the whole images right and the hex colour right now, but it does not seem to have an effect on the background.
    Fixed:
    I fixed the images so they actuall do have a path that works. Should all work fine now, but still no difference.
    CSS:
    body {
    background: url(/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,
    url(/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,
    url(/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;
    background-color: #EFEFEF;
    overflow-x: hidden;
    }
    Last edited by Iluminatos; 20-09-17 at 12:30 AM.

  4. #4
    Member Aamiainen is offline
    MemberRank
    Aug 2016 Join Date
    FinlandLocation
    83Posts

    Re: Habbo RevCMS - CSS Problems

    The css you provided can't be found on your server.

    So you only have to add your css in either http://spacedream.org/static/web/styles/style.css or https://bootswatch.com/lumen/bootstrap.css and it will work.

    Oh and thats how it should look (atleast if you have a shitty resolution)


  5. #5
    Proficient Member Iluminatos is offline
    MemberRank
    Mar 2017 Join Date
    163Posts

    Re: Habbo RevCMS - CSS Problems

    Quote Originally Posted by Aamiainen View Post
    The css you provided can't be found on your server.

    So you only have to add your css in either http://spacedream.org/static/web/styles/style.css or https://bootswatch.com/lumen/bootstrap.css and it will work.

    Oh and thats how it should look (atleast if you have a shitty resolution)

    Updated my css in http://spacedream.org/static/web/styles/style.css but didnt work o.O

  6. #6
    Member Aamiainen is offline
    MemberRank
    Aug 2016 Join Date
    FinlandLocation
    83Posts

    Re: Habbo RevCMS - CSS Problems

    Quote Originally Posted by Iluminatos View Post
    Updated my css in http://spacedream.org/static/web/styles/style.css but didnt work o.O
    in style.css change this:
    Code:
    body{margin:0;background:#f6f7f9;}
    to this:
    Code:
    body{margin:0;background-color:#EFEFEF;background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;}
    And that should make it work on /index.

    For /me page, by looking the source i can't find the opening <body> tag which should be right after the closing </head> tag, so first make sure thats there.

    After that edit http://spacedream.org/static/dashboa...idashboard.css from this:
    Code:
    body {    margin: 0
    }
    to this:
    Code:
    body{margin:0;
    background-color:#EFEFEF;
    background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;}
    if it doesn't work then idk whats wrong, but i can look into it after you try everything above.

  7. #7
    Proficient Member Iluminatos is offline
    MemberRank
    Mar 2017 Join Date
    163Posts

    Re: Habbo RevCMS - CSS Problems

    Quote Originally Posted by Aamiainen View Post
    in style.css change this:
    Code:
    body{margin:0;background:#f6f7f9;}
    to this:
    Code:
    body{margin:0;background-color:#EFEFEF;background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;}
    And that should make it work on /index.

    For /me page, by looking the source i can't find the opening <body> tag which should be right after the closing </head> tag, so first make sure thats there.

    After that edit http://spacedream.org/static/dashboa...idashboard.css from this:
    Code:
    body {    margin: 0
    }
    to this:
    Code:
    body{margin:0;
    background-color:#EFEFEF;
    background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;}
    if it doesn't work then idk whats wrong, but i can look into it after you try everything above.
    Im sure it would work but the files wont update.. :___:

    - - - Updated - - -

    I did everything but still the same in the files in the explorer?

    - - - Updated - - -

    Quote Originally Posted by Aamiainen View Post
    in style.css change this:
    Code:
    body{margin:0;background:#f6f7f9;}
    to this:
    Code:
    body{margin:0;background-color:#EFEFEF;background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;}
    And that should make it work on /index.

    For /me page, by looking the source i can't find the opening <body> tag which should be right after the closing </head> tag, so first make sure thats there.

    After that edit http://spacedream.org/static/dashboa...idashboard.css from this:
    Code:
    body {    margin: 0
    }
    to this:
    Code:
    body{margin:0;
    background-color:#EFEFEF;
    background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom;}
    if it doesn't work then idk whats wrong, but i can look into it after you try everything above.
    Download the files here:
    https://www.mediafire.com/file/x2dmhjod2c3y8hc/Desktop.rar

  8. #8
    Member Aamiainen is offline
    MemberRank
    Aug 2016 Join Date
    FinlandLocation
    83Posts

    Re: Habbo RevCMS - CSS Problems

    Quote Originally Posted by Iluminatos View Post
    Im sure it would work but the files wont update.. :___:

    - - - Updated - - -

    I did everything but still the same in the files in the explorer?
    - - - Updated - - -

    Download the files here:
    https://www.mediafire.com/file/x2dmh...hc/Desktop.rar
    Well the files you uploaded seems right but the ones on your server doesn't. YOu might be working on wrong location or something, can't really say.

    If you can't figure it out theres one thing that would work. I can see you added <style> tags to your me.php so add "!important" behind your background line so it becomes:
    Code:
    <style type="text/css">	body {		background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,			    url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,			    url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom !important;		background-color: #EFEFEF;				overflow-x: hidden;	}</style>
    Then it should work for sure, but i still think you should find out whats the problem with files not updating.

  9. #9
    Proficient Member Iluminatos is offline
    MemberRank
    Mar 2017 Join Date
    163Posts

    Re: Habbo RevCMS - CSS Problems

    Quote Originally Posted by Aamiainen View Post
    Well the files you uploaded seems right but the ones on your server doesn't. YOu might be working on wrong location or something, can't really say.

    If you can't figure it out theres one thing that would work. I can see you added <style> tags to your me.php so add "!important" behind your background line so it becomes:
    Code:
    <style type="text/css">    body {        background: url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_left.png) fixed left bottom no-repeat,                url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_right.png) fixed right bottom no-repeat,                url(http://spacedream.org/app/tpl/skins/site/images/bg/val15/bg_center.png) repeat-x fixed center bottom !important;        background-color: #EFEFEF;                overflow-x: hidden;    }</style>
    Then it should work for sure, but i still think you should find out whats the problem with files not updating.
    Worked like a charm! Look pm!



Advertisement