Tutorial on How to Design (FFS)Friends For Sale Profile
Designing with HTML is not that difficult but it has to be done one step at a time. You make one change, then another and before long, your page changes completely. Start by formatting the text or adding single images. I will be happy to answer your queries and help you regarding HTML and how to customise and decorate your page.
Facebook's POST script removes many tags, therefore there are limitations on what could be included. Editing is done in the About ME section which you access by clicking on the Edit Description.
• Do not post codes directly in a wall post for me to check as they can not be seen as code.
• Placing Images Outside About Me Section
To place images outside, the Absolute Positioning of HTML/CSS is used. Absolute positioning, is relative to the box container that it is placed in. The offset amount can be adjusted to fix the position of the image relative to its container (which is the About Me section). It does not really make any difference where inside the About Me section you enter the code, unless if you place it inside another container, but it is best to put them right at the start.
Blank Image Example:
Example:
JUST CHANGE THE POSITION OF THE IMAGE AND THE URL OF YOUR IMAGE
• Image Running over the Pet Pictures
Since a lot of people keep on asking how I made the image running over the pet section, here is the blank code. Just put the location of the image in the url(....) part. Do not cover the entire pet section (wider than 100px). That is against the FFS rules and can get you banned or your About Me deleted.
JUST CHANGE THE URL OF THE IMAGE :]
• Proper XHTML Embedding of Flash for FFS
Faebook replaces the object/embed code with its own Javascript and ignores some parameters. The code must be in a certain format for the FB script to understand.
Please note that from must be on one line.
Example (from YouTube)(Note the bold sections):
Read and Understand that's all!
Designing with HTML is not that difficult but it has to be done one step at a time. You make one change, then another and before long, your page changes completely. Start by formatting the text or adding single images. I will be happy to answer your queries and help you regarding HTML and how to customise and decorate your page.
Facebook's POST script removes many tags, therefore there are limitations on what could be included. Editing is done in the About ME section which you access by clicking on the Edit Description.
• Do not post codes directly in a wall post for me to check as they can not be seen as code.
• Placing Images Outside About Me Section
To place images outside, the Absolute Positioning of HTML/CSS is used. Absolute positioning, is relative to the box container that it is placed in. The offset amount can be adjusted to fix the position of the image relative to its container (which is the About Me section). It does not really make any difference where inside the About Me section you enter the code, unless if you place it inside another container, but it is best to put them right at the start.
Blank Image Example:
- Code:
<img src="" style="position: absolute; left: 515px; top: -80px;" alt="" />
Example:
- Code:
<img src="http://sl.glitter-graphics.net/pub/722/722723zjzkg1lj8s.gif" style="position: absolute; left: 470px; top: -160px" alt="" />
JUST CHANGE THE POSITION OF THE IMAGE AND THE URL OF YOUR IMAGE
• Image Running over the Pet Pictures
Since a lot of people keep on asking how I made the image running over the pet section, here is the blank code. Just put the location of the image in the url(....) part. Do not cover the entire pet section (wider than 100px). That is against the FFS rules and can get you banned or your About Me deleted.
- Code:
<div style="width: 100px; Height: 2000px; background-image: url(http://dl9.glitter-graphics.net/pub/16/16769rckwpa6xnb.gif); position: absolute; left: 515px; top: -140px;"> </div>
JUST CHANGE THE URL OF THE IMAGE :]
• Proper XHTML Embedding of Flash for FFS
Faebook replaces the object/embed code with its own Javascript and ignores some parameters. The code must be in a certain format for the FB script to understand.
Please note that from must be on one line.
Example (from YouTube)(Note the bold sections):
- Code:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/9a72wLT91Xg&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9a72wLT91Xg&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
- Code:
<object type="application/x-shockwave-flash" width="425" height="344" data="http://www.youtube.com/v/9a72wLT91Xg&hl=en&fs=1"><param name="movie" value="http://www.youtube.com/v/9a72wLT91Xg&hl=en&fs=1"><param name="wmode" value="transparent"></object>
Read and Understand that's all!
