View topic - fixed <3

yupyup as the title says, it does. the winter theme ends up shifting the objects down and the background doesn't cover all of the blue.

any ideas on how to fix this so the profile will look the same with any theme?

(using chrome)
Post by Vixen. » Wed Jan 04, 2012 9:36 pm


Last edited by Vixen. on Tue Jan 10, 2012 11:38 pm; edited 2 times in total










Which way do you go? You go that way. O u O

...

Ӻαȿɧɪɸи
Hmm I know for the blue problem with the background you have to add
Code:html {
  background: none !important;
}

I'm not too good at figuring out what's wrong on my phone since I can't see the source code for your profile, but if no one else comes up with a suggestion by then I'll try and help when I get home. c:
Post by Radxen » Thu Jan 05, 2012 11:43 am
I've seen a lot of people reporting this issue in the bugs section. I think someone actually mentioned how to fix it.
Post by ShadowWolf » Thu Jan 05, 2012 7:10 pm



radxen:
well the blue part is gone now ^
just need to get the rest of the text in place.

shadowwolf:
would you happen to have a link?


also, i'll post my code sometime soon..
Post by Vixen. » Thu Jan 05, 2012 8:50 pm










Which way do you go? You go that way. O u O

...

Ӻαȿɧɪɸи





You'll have to go in and readjust your margins. ouo
< U < Just try and keep the new and old headers in mind while doing it.
I don't think there's any real cure to make it stop doing that
since the new header pushes the site way down. D:
Bugs me so much. o n o





Post by Alexia » Thu Jan 05, 2012 10:05 pm

Sorry I didn't make it to my computer last night. I would go with what Alexia said and just adjust the margins. There is the option to use the position property with the value absolute to make your profile independent of the header, but you'd probably have to adjust a lot of your margins to do that.
-------------------------------------------------------------------------------------
EDIT: Okay I took a look and I think the fix is pretty easy (Your CSS is so nice and organized drool ).
If I would be you I would get rid of the profile's dependency of the hd div tag. In which case you would add this:
Code:#hd {
position: absolute;
}

Then I would adjust the margins accordingly. I figured you change the .comments margin-top property to 640px, then change the .sb.lft margin-top property to 240px and last change the #sticker-box bottom property to -715px.

I think that just about fixes everything (I hope cry ). Hopefully there are no problems.
Post by Radxen » Fri Jan 06, 2012 10:15 am
if i do that, will it look the same no matter which theme other users are using?

andand the code should just be added?
and how did you get my CSS? i totally forgot to post it...

EDIT:
by adding it, i think it just removed the header part thingy. oxo
Post by Vixen. » Sun Jan 08, 2012 11:06 pm










Which way do you go? You go that way. O u O

...

Ӻαȿɧɪɸи
Haha yeah, all HTML, CSS and JavaScript is sent to your computer so that it can show the webpage. Most modern browsers have an option to look at the "source code" which show you all the data that was sent to your computer, including the CSS of the page. From there it's just a matter of knowing where to look for things.

Anyway, not that all that boring stuff is out of the way, I noticed you only added the part I put in in the "Code" section. All the margin still have to be adjusted in order for it to look right.

Since I don't wanna make this post too long I'll hide the code in spoiler tags lol

  • Show Spoiler
  • To adjust the comments change this line which is the second one under the /*comments*/

    Code:.comments {position: absolute; margin-top: 460px; margin-left: -350px;}

    to
    Code:.comments {position: absolute; margin-top: 640px; margin-left: -350px;}

    Then change the second line under /*Avatar*/ section from:
    Code:.sb.lft {margin-top: 50px; margin-left: 100px;}

    to
    Code:.sb.lft {margin-top: 240px; margin-left: 100px;}

    and lastly change the #sticker-box properties on the 9th line down from /*Stickers*/
    Code:#sticker-box {
    position: absolute;
    left: 730px; /*change to your own value, in this example the box moves 10 pixels over from the left*/
    bottom: -525px; /*change to your own value, in this example the box moves negative 10 pixels bottom from original position*/
    }

    to
    Code:#sticker-box {
    position: absolute;
    left: 730px; /*change to your own value, in this example the box moves 10 pixels over from the left*/
    bottom: -715px; /*change to your own value, in this example the box moves negative 10 pixels bottom from original position*/
    }


And should about do it, I'm pretty sure the current themes won't mess with it, who knows if they decide to add new things to profiles in the future. smile
Post by Radxen » Mon Jan 09, 2012 12:11 pm
i still need to adjust the about me section...

also, do you notice that large empty space beneath the main area of the profile? any ideas on how to get rid of the extra space?


EDIT: i fied the rest of the positioning...still haven't figured out the bottom area yet,
Post by Vixen. » Mon Jan 09, 2012 11:48 pm










Which way do you go? You go that way. O u O

...

Ӻαȿɧɪɸи
Oh haha, your comments section has a very large height, if you go to your /*Comments*/ section and find the the second line down, looks like this:
Code:.comments {width: 700px; height: 550px;}

change the height to about 200px so it looks like this:
Code:.comments {width: 700px; height: 200px;}


Your about me looks fine to me, are there still problems with it? o.o
Post by Radxen » Tue Jan 10, 2012 9:52 am
oh, i fixed up some stuff for my about me section.

fixed the comments too! it's finally fixed >w>
thanks <3

(although i think i'll be making a new profile soon anyway)
Post by Vixen. » Tue Jan 10, 2012 11:37 pm










Which way do you go? You go that way. O u O

...

Ӻαȿɧɪɸи
11 Posts • Page 1 of 1

 
Users browsing this topic: and 1 guests