Entry tags:

layouts: media, layouts: media: facebook

new facebook profile code

I was recoding my characters' old Facebooks to reflect the new Facebook profile and thought I'd share the code here in case anyone else is interested. Larger preview, images, and directions behind the cut! Tested in Safari and Firefox.

Home Profile Find Friends Account

Wall Info Photos Friends Family First Last Relation First Last Relation First Last Relation Friends (###) First Last First Last First Last First Last First Last First Last First Last First Last First Last First Last

Character Name Works at Place of Employment (Position) Went to [or 'Studies at'] Name of institution Lives in City, State Married to First Last From City, State Born on Month Day, Year Education and Work Employers Place of Employment Position College Name of College Class of YEAR · Degree High School Name of High School Class of YEAR Philosophy Religious Views Religious views Political Views Political views Arts and Entertainment Music Music 1 Music 2 Music 3 Music 4 See More... Books Book 1 Book 2 Book 3 Book 4 See More... Movies Movie 1 Movie 2 Movie 3 Movie 4 See More... Television TV 1 TV 2 TV 3 TV 4 See More... Activities and Interests Activities Activity 1 Activity 2 See More... Interests Interest 1 Interest 2 Interest 3 Interest 4 See More... Show Other Pages Basic Information About [Name] About [name] Sex Sex Relationship Status Relationship Status Contact Information Phone Phone Address Address Screen Name(s) Screen Name 1 Screen Name 2 Email Email Website Website

Rules & Directions

• Please save all images and upload them to your own server!
• No credit is necessary, but a link back to rp_tutorials would be nice so others can find the code if they want it.
• Let me know if you have any issues or questions about the code, or if you've noticed that I've left something out. I use Facebook profiles for my rp characters, but I'm not a regular Facebook user in real life - the possibility of me leaving something out is very possible! I'll be happy to help with the code or add anything that is missing. XD
• You might need to modify some of the text or remove some of the sections depending on where your character is in life. Let me know if you need any additional help with the modifications.
• !!! Most importantly: You MUST disable auto-formatting or the code will not display properly.
• If you want, link me if you use it and I'll list it as an example!

Note for LiveJournal users: Although this code is compatible on InsaneJournal in both Firefox and Safari (IE & Opera have not been tested yet--but you can let me know if you have any issues!), I've just noticed that there are minor problems with the code in Firefox when used on LiveJournal. The code is compatible with LiveJournal if you use Safari, though. I will work to fix the code so that it's fully compatible with LJ as soon as I have time! Because the issues are minor, it should be pretty easy to straighten out. Sorry for any inconvenience. :)

Fixed! :)

The Code
<center><lj-cut text="facebook profile"></center> <table bgcolor="#ffffff" width="600" align="center" cellpadding="5" cellspacing="0"><tr bgcolor="#3a589d"><td colspan="1"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/screen-capture-1.png"></td> <td colspan="1" align="right"><font color="#ffffff" face="verdana" size="2"><span style="background: #3a589d; padding: 5px 5px 5px 5px;">Home</span> <span style="background: #3a589d; padding: 5px 5px 5px 5px;">Profile</span> <span style="background: #3a589d; padding: 5px 5px 5px 5px;">Find Friends</span> <span style="background: #3a589d; padding: 5px 5px 5px 5px;">Account</span></font></td></tr> <tr><td valign="top" width="185" style="border-style: solid solid solid solid; border-width:1px; border-color:#cccccc;"> <table bgcolor="#ffffff" width="185"> <tr><td valign="top" colspan="2" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><center><img src="" width="180"></center><br/></td></tr> <tr><td colspan="2"><font face="tahoma" size="2"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/comment_edit-1.png"> Wall<br/></font></td></tr> <tr bgcolor="#d8dfeb"><td colspan="2"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/application_side_boxes.png"><font face="tahoma" size="2"> Info<br/></font></td></tr> <tr><td colspan="2"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/images-1.png"> <font face="tahoma" size="2">Photos<br/></font></td></tr> <tr><td colspan="2" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/group-1.png"> <font face="tahoma" size="2">Friends<br/><br/></font></td></tr> <tr><td colspan="2"><font color="#666666" size="2" face="tahoma">Family</font></td></tr> <tr><td colspan="1" width="50"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbmale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font><br/> <font face="tahoma" color="#666666" size="2">Relation</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbmale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font><br/> <font face="tahoma" color="#666666" size="2">Relation</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbmale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font><br/> <font face="tahoma" color="#666666" size="2">Relation</font><br/></td></tr> <tr><td colspan="2" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="2" style="border-style: none solid none none; border-width:1px; border-color:#cccccc;"></td></tr> <tr><td colspan="2" width=""><font color="#3a589d" size="2" face="tahoma">Friends (###)</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="1" width=""><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbfemale.png" width="50" height="50"></td> <td colspan="1" width="" valign="top" align="left"><font face="tahoma" color="#3a589d" size="2">First Last</font></td></tr> <tr><td colspan="2" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr></table></td> <td valign="top" style="border-style: solid solid solid solid; border-width:1px; border-color:#cccccc;"><font size="5" face="lucida grande" color="000000"><b>Character Name</b></font> <table><tr><td colspan="5" valign="top"> <br/><font size="2" face="lucida grande"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/work.png"><font color="#7777777"> Works at </font><font color="#3a589d">Place of employment </font><font color="#7777777">(position) </font><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/school.png"> <font color="#7777777">Went to [or 'Studies at'] </font><font color="#3a589d">Name of institution</font> <img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/livesin.png"> <font color="#777777">Lives in </font><font color="#3a589d">City, State</font> <img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/screen-capture.png"> <font color="#777777">Married to </font><font color="#3a589d">First Last</font> <img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/home.png"><font color="#777777">From</font> <font color="#3a589d">City, State</font> <img src="http://i310.photobucket.com/albums/kk420/bscgirl10/Tiny%20Icons/bday.png"><font color="#777777">Born on Month Day, Year</font></font></td></tr> <tr><td colspan="5" height="10"></td></tr> <tr><td valign="top" align="center"> <img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/PurpleBackground.jpg" width="95" height="70"></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/PurpleBackground.jpg" width="95" height="70"></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/PurpleBackground.jpg" width="95" height="70"></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/PurpleBackground.jpg" width="95" height="70"></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/PurpleBackground.jpg" width="95" height="70"></td></tr> <tr><td colspan="5" height="10" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"></td></tr> <tr height="15"><td colspan="5" valign="top" bgcolor="#f2f2f2"><font face="times new roman" color="000000" size="2"><b>Education and Work</b></font></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Employers</b></font></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbwork1.png" width="50" height="50"></td> <td colspan="2" valign="top"><font face="lucida grande" color="#3a589d" size="2">Place of Employment</font><br/> <font face="lucida grande" color="#777777" size="2">Position</font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>College</b></font></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbcollege.png" width="50" height="50"></td> <td colspan="2" valign="top"><font face="lucida grande" color="#3a589d" size="2">Name of College</font><br/> <font face="lucida grande" color="#777777" size="2">Class of YEAR · Degree</font></td></tr> <tr><td colspan="5" height="10" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>High School</b></font></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbcollege.png" width="50" height="50"></td> <td colspan="2" valign="top"><font face="lucida grande" color="#3a589d" size="2">Name of High School</font> <font face="lucida grande" color="#777777" size="2">Class of YEAR</font></td></tr> <tr><td colspan="5" height="10" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr height="15"><td colspan="5" valign="top" bgcolor="#f2f2f2"><font face="times new roman" color="000000" size="2"><b>Philosophy</b></font></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Religious<br/> Views</b></font></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="50" height="50"></td> <td colspan="2" valign="top"><font face="lucida grande" color="#3a589d" size="2">Religious views</font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Political Views</b></font></td> <td valign="top"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="50" height="50"></td> <td colspan="2" valign="top"><font face="lucida grande" color="#3a589d" size="2">Political views</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr height="15"><td colspan="5" valign="top" bgcolor="#f2f2f2"><font face="times new roman" color="000000" size="2"><b>Arts and Entertainment</b></font></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Music</b></font></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td></tr> <tr style="border-style: none solid none none; border-width:1px; border-color:#cccccc;"><td></td> <td><font face="lucida grande" color="#3a589d" size="1">Music 1</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Music 2</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Music 3</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Music 4</font></td></tr> <tr><td colspan="1"></td> <td colspan="4" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><font face="lucida grande" color="#3a589d" size="2"><center>See More...</center></font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Books</b></font></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td></tr> <tr style="border-style: none solid none none; border-width:1px; border-color:#cccccc;"><td></td> <td><font face="lucida grande" color="#3a589d" size="1">Book 1</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Book 2</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Book 3</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Book 4</font></td></tr> <tr><td colspan="1"></td> <td colspan="4" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><font face="lucida grande" color="#3a589d" size="2"><center>See More...</center></font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Movies</b></font></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td></tr> <tr><td></td> <td><font face="lucida grande" color="#3a589d" size="1">Movie 1</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Movie 2</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Movie 3</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Movie 4</font></td></tr> <tr><td colspan="1"></td> <td colspan="4" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><font face="lucida grande" color="#3a589d" size="2"><center>See More...</center></font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Television</b></font></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td></tr> <tr><td></td> <td><font face="lucida grande" color="#3a589d" size="1">TV 1</font></td> <td><font face="lucida grande" color="#3a589d" size="1">TV 2</font></td> <td><font face="lucida grande" color="#3a589d" size="1">TV 3</font></td> <td><font face="lucida grande" color="#3a589d" size="1">TV 4</font></td></tr> <tr><td colspan="1"></td> <td colspan="4" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><font face="lucida grande" color="#3a589d" size="2"><center>See More...</center></font></td></tr> <tr><td colspan="5" style="border-style: solid none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr height="15"><td colspan="5" valign="top" bgcolor="#f2f2f2"><font face="times new roman" color="000000" size="2"><b>Activities and Interests</b></font></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Activities</b></font></td> <td colspan="1" valign="top"><font face="tahoma" color="#000000" size="2"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="50" height="50"></td> <td colspan="3" valign="top"><font face="tahoma" color="#3a589d" size="2">Activity 1</td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"></td></tr> <tr><td colspan="1"></td> <td colspan="1" valign="top"><font face="tahoma" color="#000000" size="2"><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="50" height="50"></td> <td colspan="3" valign="top"><font face="tahoma" color="#3a589d" size="2">Activity 2</td></tr> <tr><td colspan="1"></td> <td colspan="4" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><font face="lucida grande" color="#3a589d" size="2"><center>See More...</center></font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Interests</b></font></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td> <td><img src="http://i310.photobucket.com/albums/kk420/bscgirl10/CDJ/Coding/fbblank.png" width="80" height="80"></td></tr> <tr><td></td> <td><font face="lucida grande" color="#3a589d" size="1">Interest 1</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Interest 2</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Interest 3</font></td> <td><font face="lucida grande" color="#3a589d" size="1">Interest 4</font></td></tr> <tr><td colspan="1"></td> <td colspan="4" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><font face="lucida grande" color="#3a589d" size="2"><center>See More...</center></font></td></tr> <tr><td colspan="5" style="border-style: solid none none none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1"></td> <td colspan="4" valign="top" align="left"><font face="lucida grande" color="#3a589d" size="2">Show Other Pages</font></td></tr> <tr><td colspan="5" style="border-style: solid none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr height="15"><td colspan="5" valign="top" bgcolor="#f2f2f2"><font face="times new roman" color="000000" size="2"><b>Basic Information</b></font></td></tr> <tr><td colspan="5"></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>About [Name]</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2">About [name]</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Sex</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2"> Sex</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Relationship<br/> Status</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2"> Relationship Status</font><br/><br/></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr height="15"><td colspan="5" valign="top" bgcolor="#f2f2f2"><font face="times new roman" color="000000" size="2"><b>Contact Information</b></font></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Phone</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2">Phone</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Address</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2">Address</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Screen Name(s)</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2">Screen Name 1<br/> Screen Name 2</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Email</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2">Email</font></td></tr> <tr><td colspan="5" style="border-style: none none solid none; border-width:1px; border-color:#cccccc;"><br/></td></tr> <tr><td colspan="1" valign="top"><font color="#777777" face="lucida grande" size="2"><b>Website</b></font></td> <td colspan="4" valign="top"><font face="tahoma" color="#000000" size="2">Website</font></td></tr></table></td></tr></table></lj-cut>

Examples
example 1
example 2

Images