Tweak

InsaneJournal

Tweak says, "Pig n' a poke! "

Username: 
Password:    
Remember Me
  • Create Account
  • IJ Login
  • OpenID Login
Search by : 
  • View
    • Create Account
    • IJ Login
    • OpenID Login
  • Journal
    • Post
    • Edit Entries
    • Customize Journal
    • Comment Settings
    • Recent Comments
    • Manage Tags
  • Account
    • Manage Account
    • Viewing Options
    • Manage Profile
    • Manage Notifications
    • Manage Pictures
    • Manage Schools
    • Account Status
  • Friends
    • Edit Friends
    • Edit Custom Groups
    • Friends Filter
    • Nudge Friends
    • Invite
    • Create RSS Feed
  • Asylums
    • Post
    • Asylum Invitations
    • Manage Asylums
    • Create Asylum
  • Site
    • Support
    • Upgrade Account
    • FAQs
    • Search By Location
    • Search By Interest
    • Search Randomly

may the odds be ever in your favor. ([info]storybookending) wrote in [info]rp_tutorials,
@ 2009-06-01 15:48:00

Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current mood:accomplished
Entry tags:layouts: media, layouts: media: facebook

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 BooksFavorite 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.



I included a LJ-Cut tag for your convenience.
Here is the code:


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:


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!




Page 2 of 2
<<[1] [2] >>

(Post a new comment)

Very happy
(Anonymous)
2010-08-02 02:25 am UTC (link)
I'm looking at creating character profies with my year 9 English classin about 3 weeks. You have no idea how much time you have saved me. This is exactly what I'm after.

THANK YOU! :)

(Reply to this)

Very happy
(Anonymous)
2010-08-02 02:27 am UTC (link)
I'm looking at creating character profiles with my year 9 English class in about 3 weeks. You have no idea how much time you have saved me. This is exactly what I'm after.

THANK YOU! :)

(Reply to this)


[info]breegibson
2010-09-03 04:25 am UTC (link)
Using it here, tweaked slightly for my needs!
http://breegibson.insanejournal.com/418.html

(Reply to this)


[info]sam_evans
2010-10-31 08:37 am UTC (link)
This is awesome! I'm using it here.

(Reply to this)


[info]lilah_loo
2010-11-15 05:56 am UTC (link)
I will be using this, and thank you!

(Reply to this) (Thread)


[info]lilah_loo
2010-11-15 07:41 am UTC (link)
And it's being used here now! Thanks!

(Reply to this) (Parent)


[info]not_jacob
2010-12-04 01:42 am UTC (link)
You rock a lot! Using it here :) Thanks!

(Reply to this) (Thread)


[info]benjamin_isaiah
2010-12-04 03:52 am UTC (link)
and using it again here.

(Reply to this) (Parent)


[info]delishus
2010-12-22 02:16 am UTC (link)
This is fab, and I am using it here.

(Reply to this)


[info]citygirlkali_
2010-12-29 12:15 am UTC (link)
Using for my girl [info]ashleymbayer as well as [info]jtgage Love it!

(Reply to this)


[info]scottyknew
2011-09-07 05:44 am UTC (link)
Using for this kiddo, love it!

(Reply to this)


[info]iconographer
2012-01-06 01:22 pm UTC (link)
If we wanted to use this in a bio section of a profile page itself, how would we do that? The columns coding doesn't work the same way, I've noticed.

(Reply to this) (Thread)


[info]storybookending
2012-01-06 08:40 pm UTC (link)
I could tinker around with it! Do you mind giving me the code as you have it with the bio in there and everything? You can use a textarea code to give it to me!

(Reply to this) (Parent) (Thread)


[info]iconographer
2012-01-06 08:57 pm UTC (link)
Here you go. It's too long for one comment I'll send it you as two

(Reply to this) (Parent)

part 2
[info]iconographer
2012-01-06 08:59 pm UTC (link)

(Reply to this) (Parent)

part 2/4
[info]iconographer
2012-01-06 09:00 pm UTC (link)

(Reply to this) (Parent)

part 4/4
[info]iconographer
2012-01-06 09:00 pm UTC (link)

(Reply to this) (Parent) (Thread)


[info]storybookending
2012-01-07 12:37 am UTC (link)
Okay! I added in a scrollbar div layer so you can input the biography! Tell me if this is similar to what you had in mind?

(Reply to this) (Parent)


[info]storybookending
2012-01-07 12:38 am UTC (link)
Or did you mean wanting it in the userinfo? If so, it won't work. It's comprised of HTML that the userinfo isn't compatible with, unfortunately. I believe it's because of the style codes, actually.

(Reply to this) (Parent) (Thread)


[info]iconographer
2012-01-07 06:40 am UTC (link)
I did mean the userinfo, I'm really sorry I didn't make that clear! >< Still, that scroll bar is amazingly useful, thank you!

(Reply to this) (Parent) (Thread)


[info]storybookending
2012-01-07 07:02 am UTC (link)
It's okay, I should have read it through a few times! I'm glad I was able to help at least a bit!

(Reply to this) (Parent)

Page 2 of 2
<<[1] [2] >>

Home | Site Map | Manage Account | TOS | Privacy | Support | FAQs