Beginner's Guide to Profile Coding [#2 - completed!!!]

Let's see how many votes we can get! :3

+1	100.0%	[ 1280 ]
Total Votes:			[ 1280 ]

[Shuriken Jutsu]

Post, post, post! 4laugh

[Ciel Rose]

//___ ❥ Шιпϱѕ

« R o c k ✖ S t e a d y y »

✖✖✖


I guess I wasn't the only one stalking this place.. or somewhat O__o. well good luck on this guide ^^


✖✖✖

Questing Demonic Pitch Fork.
229k / 5ook
Accepting any type of donation.

[Shuriken Jutsu]

I wasn't stalking >,>;

I just came across it in the PD at the approximate time that he had finished posting.

[Ciel Rose]

//___ ❥ Шιпϱѕ

« R o c k ✖ S t e a d y y »

✖✖✖


lulz.. Okay. Just a random guess o__o;;


✖✖✖

Questing Demonic Pitch Fork.
23ok / 5ook
Accepting any type of donation.

[MCs Profile Tester]

heart ... Autumn leaves fall and are swept out of sight ...

I've been lurking; I subscribed when he was at the 14th post XD

... So are the memories of love that we knew ... heart

[_Deadly_Nightfall_]

[ ♫ ♫ ]

Oh... I was lurking... I've been looking for some codes and all. Just trying to make a new profile... >:]

[ ♫ ♫ ]

[Shuriken Jutsu]

It clearly says in black and gray:

Miimic

I will reserve 30 posts [2 pages], after that, feel free to post away.

[Profilist Pal]

heart

[Xyziick]

Miimic

LABELS

Here are section names and what they are so you don't have to hunt them down in the future.

PROFILE
#profile ~ The place with your avatar, equipped items, and contact bar.
#profile h2 ~ The header of the profile section.
#bar ~ Your contact bar.
#addButton ~ The add button.
#ignoreButton ~ The ignore button.
#msgButton ~ The message button.
#onlineButton ~ The online half of online/offline button.
#offlineButton ~ The offline half of the online/offline button.

DETAILS
#details ~ The place with your details on it.
#details h2 ~ The header of the details section.
#details #info ~ The half of your details with location, occupation, etc. on it.
#details #stats ~ The half of your details with the join date, last login, etc. on it.
#commonFriends ~ Your friends in common.
#commonFriends li img ~ The pictures of your friends in commons' avatars.

WISHLIST
#wishlist ~ The place where all the items you want are.
#wishlist h2 ~ The header of the wishlist section.
#wishlist .items ~ The actual items as a whole.
#wishlist .items img ~ Each individual wishlist item.
#wishlist .donated ~ What an item looks like if it has been donated.
#wishlist .questing ~ What an item looks like if it is being quested.
#wishlist .bought ~ What an item looks like if it has been bought.

ABOUT
#about ~ The about me section.
#about h2 ~ The header of the about section.
#about .links ~ The guilds, store, and posts links on the top of the about section.

FRIENDS
#friends ~ The section that displays your friends.
#friends h2 ~ The header of the friends section.
#friends .links ~ The link around the top of the friends called 'view all friends'.
#friendGroup ~ The friends themselves, the friend image and friend names.
#friends img ~ The picture of your friends' avatar.
#friends li ~ The annoying border between each row of friends.

JOURNAL
#journal ~ The place with all your journal entries.
#journal h2 ~ The header of the journal section.
#journal .links ~ The link around the top of the journal that says 'view journal'.
#journal h3 ~ The title of your journal.
#entries ~ The three most recent entries' titles and dates.

MEDIA
#multimedia ~ The section where you put videos and flash players into.
#multimedia h2 ~ The header of the multimedia section.
#multimedia embed ~ The 'screen' of the video or flash player.
#multimedia object ~ The white area behind the multimedia, it gets really annoying.

COMMENTS
#comments ~ The section where people can leave comments on your profile.
#comments h2 ~ The header of the comments section.
#comments .links ~ The links around the top of the comments section that allows people to add or view comments.
#comments .caption ~ The odd numbered comment boxes.
#comments .caption2 ~ The even numbered comment boxes.
#comments .message ~ The text inside the boxes.
#comments .caption .message ~ The speech arrow on the odd numbered comment boxes.
#comments .caption2 .message ~ The speech arrow on the even numbered comment boxes.
#comments dl dt.avatar img ~ The commenter's avatar on the left side of the comments.
#comments dl dt.avatar2 img ~ The commenter's avatar on the right side of the comments.
#comments .date ~ The date a comment was added.
#alerts_banner ~ The 'alert me of comments' thing that only the owner of the profile can see.

SIGNATURE
#signature ~ The area where people can see your signature.
#signature h2 ~ The signature section.

HEADER
#header ~ The top picture, in the default profile, it's the picture with the houses on it.
#extendedProfileBody #header h1 ~ The background of the header.

TEXT
a:link ~ The links.
a:visited ~ The links that have been visited.
a:active ~ The links that are still active by you, so if you have the link location in a different tab or window.
a:hover ~ What the links look like when someone puts their cursor over them.
td.quote ~ The appearence of something in the quote tags.
td.code ~ The appearance of something in the code tags.

OTHER
#site ~ The entire profile itself.
body ~ The background.
#content ~ What the sections sit on.
#content #main ~ The let half of the content.
.section ~ Controls the profile, details, wishlist, about, friends, journal, multimedia, comments, and signature sections all at once, great for font colors/sizes and borders.

Ok but like WTF?? Is that all we put in there? Where do the codes go for like the pictures and stuff??

[Profilist Pal]

Spazzms

Ok but like WTF?? Is that all we put in there? Where do the codes go for like the pictures and stuff??

Those are section names, not editable codes, which are two posts down. Please read the rules and do not quote a whole post on the first two pages.

[Xyziick]

Well, I haz a favor, just so i can get the hang of it, can you make me a custom profile?? Please? Just so I can see how to work the codes and stuff?...

[killlaziller]

Labels = Selectors
Commands = Properties

You still haven't fixed that. Labels are part of HTML and commands belong to OOL syntaxes.

[[!Cactuar!]]

killlaziller

Labels = Selectors
Commands = Properties

You still haven't fixed that. Labels are part of HTML and commands belong to OOL syntaxes.

being technically correct really doesn't matter that much
actually in this case it seems to be more helpful just to call them labels.

guides are geared towards users who don't know and need help, simpler words=better results.