CSS Profile Codes Tutorial -- A Comprehensive Guide

How do you like the new tutorial???

Excellent!	38.4%	[ 6795 ]
Good!	11.3%	[ 1999 ]
Okay	8.8%	[ 1562 ]
Not so bad :(	3.3%	[ 587 ]
Horrible :( :( :(	5.9%	[ 1050 ]
:ninja: .......GOLD!!!	32.2%	[ 5690 ]
Total Votes:			[ 17683 ]

[~[Demonic~Skittle]~]

Alright, how do I get that header centered now?

Is it like Fixed center? @.@

I can't seem to remember

[musical bento]

~[Demonic~Skittle]~

Alright, how do I get that header centered now?

Is it like Fixed center? @.@

I can't seem to remember

That seems right, though you don't put a semicolon after "fixed" only after center. If it doesn't work, you may have to center it yourself... >.<

[~[Demonic~Skittle]~]

Goten-Wannabe

~[Demonic~Skittle]~

Alright, how do I get that header centered now?

Is it like Fixed center? @.@

I can't seem to remember

That seems right, though you don't put a semicolon after "fixed" only after center. If it doesn't work, you may have to center it yourself... >.<

That is the code I have now, it looks like this,

#extendedProfileBody #header h1
{background: url(http://i3.photobucket.com/albums/y80/thunder_wolf4234/1030737432_l.jpg) fixed center;}

[Teefie]

#extendedProfileBody #header h1
{background: url('http://i3.photobucket.com/albums/y80/thunder_wolf4234/1030737432_l.jpg') fixed center;}

You needed a semi-colon after the url ). =D

[musical bento]

~[Demonic~Skittle]~

Goten-Wannabe

~[Demonic~Skittle]~

Alright, how do I get that header centered now?

Is it like Fixed center? @.@

I can't seem to remember

That seems right, though you don't put a semicolon after "fixed" only after center. If it doesn't work, you may have to center it yourself... >.<

That is the code I have now, it looks like this,

#extendedProfileBody #header h1
{background: url(http://i3.photobucket.com/albums/y80/thunder_wolf4234/1030737432_l.jpg) fixed center;}

If that's the header for the very top [where it had the house and the Gaia Online logo] it's way too big...so it might not fit...though I don't think that's your problem.

[~[Demonic~Skittle]~]

Teefie

[code:1]#extendedProfileBody #header h1
{background: url('http://i3.photobucket.com/albums/y80/thunder_wolf4234/1030737432_l.jpg'); fixed center;}[/code:1]

You needed a semi-colon after the url ). =D

Ah, thanks again!

Thanks Goten!

><

Edit: Still not centered ^^;;;

Maybe I will just leave it like that xD

[Teefie]

What's the image you're trying to center/use as a header? O.o

[~[Demonic~Skittle]~]

Teefie

What's the image you're trying to center/use as a header? O.o

if you cannot see it, it's just the picture on the top of my page.

o.o

[musical bento]

^^ It looks like this:



Which is way too big... >.< I also noticed that she had that little gray line to the right of her profile...let me see if I can find the code to get rid of it...

Edit: Found it! ^^

Removes Gray Line

#content{border:0px; background transparent;}

[~[Demonic~Skittle]~]

Goten-Wannabe

^^ It looks like this:



Which is way too big... >.< I also noticed that she had that little gray line to the right of her profile...let me see if I can find the code to get rid of it...

[[Edit: Found it! ^^

Removes Gray Line

#content{border:0px; background transparent;}

]]

I know it's too big for a standard sized header but I have sen many profiles that have quite large images at the very top of the screen for their headers and are centered.

>< I want mine likt that.

Thanks

[Teefie]

Yeah, that is too big. I can... crop it if you would like me to?

[Teefie]

Oh, I see.

Ummn... try using this then.

#extendedProfileBody #header h1 {background: url('http://i3.photobucket.com/albums/y80/thunder_wolf4234/1030737432_l.jpg'); width: 600px; height: 572px; position: fixed center;}

[~[Demonic~Skittle]~]

Teefie

Oh, I see.

Ummn... try using this then.

#extendedProfileBody #header h1 {background: url('http://i3.photobucket.com/albums/y80/thunder_wolf4234/1030737432_l.jpg'); width: 600px; height: 572px; position: fixed center;}

It worked for about 5 seconds then moved right back.

Goten: >< I out in that code you gave me, did it change what you saw?

[musical bento]

No... >.< It didn't, which I find strange because it works for me...yet it hasn't worked for anyone else. xD

[~[Demonic~Skittle]~]

Goten-Wannabe

No... >.< It didn't, which I find strange because it works for me...yet it hasn't worked for anyone else. xD

blaugh

Odd how things like that happen huh?