InsaneJournal

Facebook Profile.

See a live example of the profile here.

I know that there are other versions of Facebook profile layouts floating around out there, but I wanted to try my hand at one and I think that I got it pretty close to the real version!

Friends First Last First Last First Last First Last First Last First Last Profile Credits Profile By Storybookending First Name Last Name Basic Information Sex: Male / Female. Birthday: Date of Birth. Hometown: Hometown. Home Neighborhood: Home Neighborhood Family Members: Relation - Name. Relation - Name. Relationship Status: Single / In a Relationship / Engaged / Married / It's Complicated / In an Open Relationship. Interested In: Men / Women. Looking For: Friendship / Dating / A Relationship / Networking. Political Views: Political Views. Religious Views: Religious Views. Personal Information Activities: Activities. Interests: Interests. Favorite Music: Favorite Music. Favorite TV Shows: Favorite TV Shows. Favorite Movies: Favorite Movies. Favorite Books Favorite Books. Favorite Quotations: Favorite Quotations. About Me: About Me. Contact Information Emails: Email Address. IM Screen Name(s): Screen name - Service. Screen name - Service. Mobile Phone: +1-xxx-xxx-xxxx. Land Phone: Phone Number. Address: Address. City/Town: City/Town. Neighborhood: Neighborhood. Zip: Zip Code. Website: Website. Education and Work College/University: School - Class Year. Concentration: Concentration. Second Concentration: Second Concentration. Third Concentration: Third Concentration. Degree: Degree. High School: School - Class Year. Employer: Employer. Position: Position. Description: Description. City/Town: City/Town. Time Period: Month Year. Groups Member Of: Group, Group, Group, Group, Group.

Rules.
1.) Crediting. It took me quite a bit of time to get this just right, so I would really love it if you didn't remove the link back to my journal!

2.) Commenting would be great!

3.) Modifying is completely okay with me!


Modifying.
I initially created this for my character to have their own Facebook page without having to actually create one on the website, so you can use it as if they are actually filling it out, or you could use it as a profile with their Name, Age, Date of Birth, Personality, History, etc. etc.

The code may look like a jumbled mess, but it's actually pretty simple once you get the hang of it! The code contains everything that the original Facebook would ask you, aside from a few things missing from the left side of the table (quiz scores, etc. etc.) but you can certainly change/delete/add your own categories if you need to.

Here is the code to add in another section (such as 'Groups', 'Basic Information', etc.) There are three extra areas in this code:

<div style="width:100%; border-bottom: solid 1px #D8DFEA;font: 12px Tahoma;font-weight:900">Section Title</div> <div><table> <tr><td style="font: 12px Tahoma;color:#A5A5A5; width:150px" valign="top">Section:</td><td style="font: 12px Tahoma;">Information here.</td></tr> <tr><td style="font: 12px Tahoma;color:#A5A5A5; width:150px" valign="top">Section:</td><td style="font: 12px Tahoma;">Information here.</td></tr> <tr><td style="font: 12px Tahoma;color:#A5A5A5; width:150px" valign="top">Section:</td><td style="font: 12px Tahoma;">Information here.</td></tr> </table></div>

I've found that the easiest way to edit in your information is to do a Ctrl+F find, and search for what it is that you want to fill in. I also included the choices that the real Facebook.com would give you with some of the categories.

Ctrl+F is also a great way to replace the pictures!

The pictures for the 'Friends' section are each 50x50, and shouldn't exceed this size. Here is the direct link to the image: http://i42.tinypic.com/33jmlh2.jpg

The actual profile picture should not exceed 200 in width, but it can be any length. Here is the direct link to the image: http://i41.tinypic.com/ngrpro.jpg

Please be careful with the HTML as you edit - one little deletion of a quotation mark or something and it could possibly throw the entire thing off! But if it does happen? Don't worry! I should definitely be able to help you with the little problems!

If you need any more help please feel free to comment here and I'd be happy to try and help you as best as I can!


Currently Being Used..
Here.
Here.
Here.
Here.
Here.
Here.
Here.
Here.
If you end up using it, please comment here and I can add it so people can see more examples of how it can be done!