VISUAL ✿ Old School Beginner Guide

Did the "visual aid" help you?

Yes.	85.9%	[ 1708 ]
No.	14.1%	[ 281 ]
Total Votes:			[ 1989 ]

[Laffed]

akioni jae

Laffed

akioni jae

Laffed

akioni jae

Laffed

Okay this is probably the easiest thing in the world, but I'm still messing around with it. I've read pretty much the whole guide, and I'm toying around with the default gaia image, not the header, but the house. And I'm trying to remove it and put my own image in. Does anyone know how to do this?

#extendedProfileBody #header h1 {display:none;}

Thanks alot. But how do I make the the new header so I can include my own image?

i think it's:
#extendedProfileBody #header1 {background-image:url('URLIMAGEHERE');width:###px;height:###px;border:0px;}

i'm not 100% sure, but it should work...i never replaced it myself.

Odd, that's the code I was using before, and for some odd reason, it's not working.

you put in the width and the height of the image too?

Mhmm. For the most part, I know how to code, but I don't know why it's going all whacky on me.

[akioni jae]

hmm...i'll try to look it up and see if it's a different code.
i wasn't really sure though, i never used it before honestly. sweatdrop

[Laffed]

akioni jae

hmm...i'll try to look it up and see if it's a different code.
i wasn't really sure though, i never used it before honestly. sweatdrop

Thanks man.
If you wanna know what my code looks like, Here it is:

#extendedProfileBody #header1 {background-image:url(http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg)width:470px;height:336px;border:0px;}

[akioni jae]

Laffed

akioni jae

hmm...i'll try to look it up and see if it's a different code.
i wasn't really sure though, i never used it before honestly. sweatdrop

Thanks man.
If you wanna know what my code looks like, Here it is:

#extendedProfileBody #header1 {background-image:url(http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg)width:470px;height:336px;border:0px;}

#extendedProfileBody #header1 {background-image:url('http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg')width:470px;height:336px;border:0px;}

try it now you left out the single quotation mark thing before and after the url.

[Laffed]

akioni jae

Laffed

akioni jae

hmm...i'll try to look it up and see if it's a different code.
i wasn't really sure though, i never used it before honestly. sweatdrop

Thanks man.
If you wanna know what my code looks like, Here it is:

#extendedProfileBody #header1 {background-image:url(http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg)width:470px;height:336px;border:0px;}

#extendedProfileBody #header1 {background-image:url('http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg')width:470px;height:336px;border:0px;}

try it now you left out the single quotation mark thing before and after the url.

Still nothing.

[akioni jae]

Laffed

akioni jae

Laffed

akioni jae

hmm...i'll try to look it up and see if it's a different code.
i wasn't really sure though, i never used it before honestly. sweatdrop

Thanks man.
If you wanna know what my code looks like, Here it is:

#extendedProfileBody #header1 {background-image:url(http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg)width:470px;height:336px;border:0px;}

#extendedProfileBody #header1 {background-image:url('http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg')width:470px;height:336px;border:0px;}

try it now you left out the single quotation mark thing before and after the url.

Still nothing.

hmm ok.
lol i'm looking i'm learning with you. razz

[Brink Kale]

xD A quick reminder, don't forget to look for two other things, the selector name and the closing tags

Code

#extendedProfileBody #header1 {background-image:url(http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg)width:470px;height:336px;border:0px;}

I'll assume that you want #header h1, and don't forget to put a " ; " ( semicolon) after every specified property and value group ( background-image is the property, the "url(' etc " is the value ).

It should look like this

Code

#extendedProfileBody #header h1
{ background-image: url('http://i639.photobucket.com/albums/uu114/12nran/Graphics/DOOD-1.jpg'); width: 470px; height: 336px; border: 0px; }

[Laffed]

I finally got it. Thanks guys(:

[Laffed]

I have another question, sorry. But the code says that it "Gets rid of the gray line", and it didn't, which is not cool, and I would assume that if you change the header image, that the gray border would somehow meet the properties of the image, so the backround isn't showing though the border. What do I do about this? If you don't understand, just look at my profile. It's pretty much self explanatory.

[Brink Kale]

Set the border on the "#content, #header" selectors to a value of "none".

[Laffed]

Brink Kale

Set the border on the "#content, #header" selectors to a value of "none".

Thanks again.

[YourFoodStampsPlease]

T____T
Halp
D:
i neeed the code to make a scroll bar in the About Me Section T__T
and this one lady gave me this code

#id_about {height: 100px; overflow-x: hidden; overflow-y: auto;}
BUT ITS NOT WORKING T____T
please give me the correct code .__.

[Synchronised Mosher]

Ghetto Sex

T____T
Halp
D:
i neeed the code to make a scroll bar in the About Me Section T__T
and this one lady gave me this code

#id_about {height: 100px; overflow-x: hidden; overflow-y: auto;}
BUT ITS NOT WORKING T____T
please give me the correct code .__.

#id_about is for version 2 profiles.
#about is for version 1 (original) profiles.
since this thread is for old school profiles, you probably want that second one.

[20 Shades of Crazy]

Hey y'all. I'm trying to code my profile for the first time in years, and I can't get the ugly baby-blue teal thing to go away.
Here's what I have so far:
#content {background: #C77C23 url(http://tinyurl.com/autumnbackground) no-repeat center top;width: 784px;height: 1200px; border: none; background}
#commonFriends {display: none;}
#about {display: none;}
#friends {display: none;}
#comments {display: none;}
#journal {display: none;}
#signature {display: none;}
#wishlist {display: none;}
#details {display: none;}
#sidebar {display: none;}
#header {display: none;}
#multimedia {display: none}

See, I want my background to be #C77C23. None of that ugly gray-blue.

[Brink Kale]

Set the background of the "body" selector to the color you want. =)