VISUAL ✿ Old School Beginner Guide

Did the "visual aid" help you?

Yes.	86.1%	[ 1992 ]
No.	13.9%	[ 321 ]
Total Votes:			[ 2313 ]

[crazypieloverangel]

Heart: No problem!

Jodez: There's a few different ways, one way would be
#site {margin-left: auto; margin-right: auto;}

[Swell Sundae]

Lean Bump back to the first page. 3nodding

[Sweet Jaie]

★ [ Can anyone help me with my add, trade, pm button problem? Dx
Like I have the code and everything but it's not showing up. ] ★

[Swell Sundae]

sweetkylie_x

★ [ Can anyone help me with my add, trade, pm button problem? Dx
Like I have the code and everything but it's not showing up. ] ★

Don't use #profile{display:none;}, because that not only eliminates the profile section, but also the #bar section. 3nodding

Just delete it and add the following instead-

#profile{background:transparent;}
#profile .avatar{display:none;}

And then move the bar as necessary.

[Sweet Jaie]

★ [ Oh haha. xD Thanks. n_n
Must have accidentally done that. o.o ] ★

[Sweet Jaie]

★ [ Well now I have another problem ..
There's this weird unwanted square thing next to my add me button.
And I dunno how to take it off.
Help .. again .. ] ★

[Lovely Leez]

|| Wonderful! This will help me so much! Well, on the working on profiles... Maybe tomorrow, my eyes are droopy. ||

[Lovely Leez]

|| Umm... What is a class tag? sweatdrop
EDIT: And is it important to add in the attributes, or no need to? (and what are attributes? xD ) Sorry, I'm new here, so I don't know. ||

[Swell Sundae]

sweetkylie_x

★ [ Well now I have another problem ..
There's this weird unwanted square thing next to my add me button.
And I dunno how to take it off.
Help .. again .. ] ★

Replace your add/trade/msg codes with these. 3nodding I saw that there were images that didn't match, so I deleted them from the code and fixed the problem.

#bar #addButton {background:transparent; text-indent: -5000px; position: absolute; margin-top: 462px; margin-left: 332px; width:30px; height:114px;}
#bar #addButton a {background:transparent; width:30px; height:114px;}

#bar #msgButton {background: transparent; text-indent: -4000px; position: absolute; top:572px; left: 333px; width:29px; height:89px;}
#bar #msgButton a {background: transparent; width:29px; height:89px;}

#bar #tradeButton {background: transparent; text-indent: -4000px; position: absolute; top: 665px; left: 335px; width:27px; height:61px;}
#bar #tradeButton a {background: transparent; width:27px; height:61px;}

As for you xD L o l i t a, attributes are properties in coding. Here's a choo-choo train example that I explained to someone else a long time ago-

Swell Sundae - "Rainbow Choo Choo Train"

Fun Fact:Coding each line of code for your profile is like a rainbow choo choo train. SERIOUSLY.
The first property (such as #site, html, #profile, etc) is the lead train.
The { is what anchors the lead train to the passenger train.
The passenger train is the property value such as background, height, width, etc.
The : is what anchors the passenger train to the cargo train.
The cargo train is the value(s), such as "400px", no-repeat, url(http://blah/), etc.
And the cargo train ends with the caboose(s), ; and ;}.
Just bored enough to figure that out. xd

So, below is now an example of the "rainbow choo choo train". Except it might not make sense, unless you're crazy like me.

#extendedProfileBody #header h1{
background: transparent url(PLACE URL HERE) no-repeat;
left:XXXpx;
top:XXXpx;
width:XXXpx;
height:XXXpx;}

See how it works now? Hope that's enough for understanding. (After all, real life applications kinda help, even if rainbow trains don't exist. sweatdrop )

[Lovely Leez]

|| Someone please answer my previous questions? sweatdrop Please? ||

[Sweet Jaie]

★ [ @swell sundae : Thanks. :3 ] ★

[Swell Sundae]

xD L o l i t a

|| Someone please answer my previous questions? sweatdrop Please? ||

I did answer your question, though you seem to have skipped it.

Swell Sundae

As for you xD L o l i t a, attributes are properties in coding. Here's a choo-choo train example that I explained to someone else a long time ago-

Swell Sundae - "Rainbow Choo Choo Train"

Fun Fact:Coding each line of code for your profile is like a rainbow choo choo train. SERIOUSLY.
The first property (such as #site, html, #profile, etc) is the lead train.
The { is what anchors the lead train to the passenger train.
The passenger train is the property value such as background, height, width, etc.
The : is what anchors the passenger train to the cargo train.
The cargo train is the value(s), such as "400px", no-repeat, url(http://blah/), etc.
And the cargo train ends with the caboose(s), ; and ;}.
Just bored enough to figure that out. xd

So, below is now an example of the "rainbow choo choo train". Except it might not make sense, unless you're crazy like me.

#extendedProfileBody #header h1{
background: transparent url(PLACE URL HERE) no-repeat;
left:XXXpx;
top:XXXpx;
width:XXXpx;
height:XXXpx;}

See how it works now? Hope that's enough for understanding. (After all, real life applications kinda help, even if rainbow trains don't exist. sweatdrop )

So simply, yes they are required in coding, but only if you're going to specify something about them. Otherwise, there's no need to specify something if it's already set as to what you want.

For example; .section h2{text-align:center;} is perfectly fit if you want all section headers to be centered. If you want your about me text positioned to the left, it's already done so automatically so there would be no need to add in #about{text-align:left;}.

@sweetkylie_x: You're welcome. 3nodding

[Lovely Leez]

|| Oh there it is. Sorry. I didn't notice it since it was in a quote. Thank you! ||

[Swell Sundae]

It's alright, and you're welcome. ^_^

[Lovely Leez]

|| Hey, when you guys just started out, were you guys as confused as I was? I mean, it's like learning a whole new language for me. xD Without the gibberish though. Just gotta memorize where the certain codes go. ||