Ok well i'm trying to make my own profile just the only problem is i have no idea how big to make the background picture plus i'm not to great with coding...could somebody help me out here?

I suggest you find a pattern instead of something that's supposed to be one picture stretching the whole page. You have no idea what the resolution of a viewer is going to be, though the minimum is at 1024x768, it would look bad on a bigger screen if the background just "cut off" (if you get what I mean)

you can search for free-for-use patterns on google, or use pattern-making generators. colourlovers is a site where you can use patterns that other people have made to share. Just make sure you set the background-repeat:repeat; in the CSS of your profile

I have a pattern to use already i just need to know like how to put a picture over the pattern behind the content and how big to make it. Also i need to know how to add a scrollbar to where the content is at so it doesn't move the whole page when you scroll down and up.

ah... I thought you were asking about actually making an image and sizing it, not "how code? CSS?"

firstly, I noticed your forumset/signature is a chinese character (or japanese kanji, it's both, whatever). You should remove it as it violates site rules - otherwise, you'll get a warning from the staff and the warning (official or verbal) is tied to your account.

you don't need to... make it a specified size? Just upload one iteration of the pattern. Use CSS - alter the body or html element and make that one chunk repeating. Please look up Cascading Style Sheet guides, you don't need anything specific to subeta to do this (or have a kindly and more patient user explain it if you can't understand a lick of any guides you find)

<style> body{background-image:url(url here); background-repeat:repeat;}</style>

as for the second part, I think you mean to make the navigation stay floating while the rest of the page can scroll? still CSS: (needs to be between style tags) {position:fixed; top:0px;left:0px;width:100%; }

edited for clarity

might you kindly take over this thread? You know how I hate explaining CSS basics;;

Yeah and alright it's been removed. Ah alright i think i get it thank you for your help.

Sure, I can try to help if it's still needed. :P

I think you mean you want both a repeating background and then a non-repeating image? Sort of like what I have for my profile?

As Chen already said it's up to you how big you make the image. Personally I like to keep mine on a 950x650 canvas so it fits on a 1024x768 screen resolution. But it really is up to you whether you want it to be perfect for your screen resolution or to fit to larger or smaller screens.

Yes that's what i'm trying to get at the moment but i'm having a very hard time with it and i wanna know how to change the look of the content boxes as well now.

Okay so as Chen said the css starts and ends with a set of style tags.

For having multiple backgrounds you'd do something like this:

body { background-color: color here; background-image: url(), url(); background-repeat: no-repeat, repeat; }

So you can add more than one background to the same thing. It layers from the top down so the one you want to show on top is first and the repeating pattern would be at the bottom.

As for styling the content boxes it depends on what you want.

I usually start with this to get rid of the thick borders and gradient background.

.block, .info_block { background:transparent; border:0px; }

and then I think there are the classes .block, .info_block and .header to style to pretty it up. ^_^ Can be anything from font to background and border.

Yay progress! Ok so three more things: Is there any way to move the fixed background? How do i add a scrollbar to the content? And how do i make the content somewhat transparent intill you hover over it? Oh and also is there a way to make the comment box smaller?

looks at questions That'd be a yes to all. x)

1. you can either position it with pixels or center/top/left as you have now. If you want it to stay put in all resolution it's better to use pixel dimensions. If you just need it to be placed at the top of the page use this: background-position: center top;

2. You give the column a fixed height and change the overflow (which controls the scrollbar) an example would be so: { height:500px; overflow:auto; }

3. You can set the opacity. opacity:1; is full visibility. opacity:0; is not visible. anywhere in between is different levels on transparency. And then you add two different levels of opacity, one to the basic state and one to the hovered one. Eg. { opacity: .5; }

:hover { opacity:1; }

For a smooth change you can add transitions. :)

4. the class for the comment box is .textbox (and .forminput for the button). You just give it set height and width dimensions. ^_^ However, I do think that for the comment box you have to add !important after to overrule the site's css. eg. .textbox { height:50px !important; width:100px !important; }

Finally its finished! Thank you so much for your help! if it wasn't for you i would of flipped alot of tables by now ; w;

Hehe, well I'm glad I could help and that I was able to save a couple of tables from harm. ;)

All the tables are saved! Also i've got one last question, how do i hide the scollbar while its not in use? Never mind i got it lol