For people like me who barely understand CSS.

Alright. You want to edit your profile and make it look cool like everyone else's. But how do you do this? I'll explain how.

Here is the process I usually go through in order to make a layout:
1. Pick a theme(Death Note; Mudkips etc)
2. Pick background images
3. Pick a colour scheme
4. Edit things until they suit my liking

My layouts are results of trial an error. I try something, I don't like it I play around with it until it looks better and I do like it. I generally try to keep a colour scheme, like red and black or blue and white.

Okay now you know the basic steps. But what are the codes we need?

I basically take already made layouts and mess with the borders, colors and background images.
(I'll use my current layout as an example)

Code:

body {
   text-align: center;
   font-family: arial, helvetica, sans-serif;
   font-size: 12px;
   background-color: #000000;
   background: url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/CSS%20stuff/yagami-light-wallpaper-1024-768.jpg) repeat fixed center;
}

In that code I changed my background image and the font type, alignment and the background color.

The "text-align: center;" means that the text will be in the center; as apposed to the left or right.
The "font-family: arial, helvetica, sans-serif;" means that the font will be one of those listed fonts. I choose not to change that in my layouts, as sometimes changing the fonts can make them harder to read.
The "font-size:12px;" means that the font will be size 12. Pretty self explanatory, change it to make your text larger or smaller.
The "background: url..." is basically your background image. You need a direct link to your image that ends in .jpg, .gif, .png, etc in order for it to work."Repeat fixed center" means that my background will repeat if it's not big enough to fill the page and that it WON'T scroll along with the rest of the page. I quite like fixed backgrounds, but you can get rid of that if you want.

6xXxEmoLuvxXx9 wrote: Is there any way that I can like get rid ofthe white? like make it invisible, so the font is over my background pic?

Code:

#wrap {
   width: 100%;
   margin: 0 auto;
   text-align: left;
   background: url(http://i204.photobucket.com/albums/bb61/Tom_Uchiha_Productions/CSS%20stuff/yagami-light-wallpaper-1024-768.jpg) repeat fixed left top;
}