Login

Login

Need to register? Lost password?

Options

Advertisements

Advertisements

 

Help with background

Userpage Customization Showcase

Minitokyo » Minitokyo Fora » Userpage Customization Showcase  Help with background

page 1 of 1

Can anyone helps me to make a background for my userpage? I've read many tutorials but they don't help at all. I don't know what's wrong with my background :sweat:

Here's the codes I've been trying to do:

<style type="text/css">
body {background-image:http://i41.photobucket.com/albums/e279/what_is_happy/2.jpg; background-repeat:repeat;
background-position:top left; background-attachment:fixed}
</style>

or just plainly:
<body background="http://i41.photobucket.com/albums/e279/what_is_happy/2.jpg">

the 2nd one works in the tutorial "tryit" page but both don't work in minitokyo :( Can anyone help me find the problem with them? X-O Thanks! :D

Hi hoatim!
The background setup for minitokyo is different than other sites. It is divided into multiple sections, top, topCenter, topLeft, main, leftMenu, rightMenu and content.
For example....

Code:
#topLeft {
background: url(image url) no-repeat bottom right;
}

#top {
background: url() repeat-x bottom left;
}

#topCenter {
background: url(image url) no-repeat bottom left;
}

#main {
background-image: url();
}

#leftMenu {
background: url(image url) no-repeat top right;
}

#rightMenu {
background: url() repeat-x top;
}

#content {
background: url(image url) no-repeat top left;
}


For your background, I would suggest that you either use the #topCenter or the #content area.


Here is another way to put the image as a background, but it goes for the background of your content (your menus and page content as well as your guestbook).

Code:
<style type="text/css">
.inner {
background-image: url("http://i41.photobucket.com/albums/e279/what_is_happy/2.jpg");
background-repeat: repeat; !important;
background-attachment: fixed;
}
</style>

I hope this helps. :D

-DS2000

Oh wow, thank you very much! ^^

I've always thought that url(image url) means that the url goes outside and then something goes inside (but I had no idea what), you know? That's how I got the code wrong >.<

Do you know how to put this into the content?

body { color: #CC3366; background: #6633FF; }

I tried using ur codes but it seems to be only good for the image links

Quote by hoatimOh wow, thank you very much! ^^

I've always thought that url(image url) means that the url goes outside and then something goes inside (but I had no idea what), you know? That's how I got the code wrong >.<

Do you know how to put this into the content?

body { color: #CC3366; background: #6633FF; }

I tried using ur codes but it seems to be only good for the image links

Oh no problem! :D

Yes, where it says "(image url)", you put the image's location there.

As for your next question, I believe you've already solved that yourself. :o Where it says "body", you just put ".inner". Is that how you wanted it or did you want to put that as the entire background color?

If so.....

Code:
body {
background-color: #6633FF;
}

Oh lol, it seems like it, last time I checked I couldn't get it but it seems to be okay now. The color is a little too bright, though; I'm gonna need to change it later.... Oh well, thanks for your help! =D I wouldn't have made it without u! ^^

page 1 of 1

Only members can post replies, please register.