Unskilled Forum
Welcome to Unskilled! Smile
Please Login/Register To have a full access in our site!

~ Unskilled Team/Staff!

You are not connected. Please login or register

Designing on Friends For Sale

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Designing on Friends For Sale on 11/14/2009, 10:53

crazyadmer

avatar
Administrator
Administrator
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:

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 to use:

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!




[You must be registered and logged in to see this image.]
http://facebook.com/admerbakud

2 Re: Designing on Friends For Sale on 11/17/2009, 15:42

chanxtian

avatar
Unskilled Elite
Unskilled Elite
thx for this sir. ^_~

http://profiles.friendster.com/christianxtian

3 Re: Designing on Friends For Sale on 12/5/2009, 22:49

EpGee™

avatar
Unskilled Maniac
Unskilled Maniac
thanks sir. Smile

reikazek

avatar
Level 1
Level 1
it doesnt work n my page, i dont know why.

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum