[css] Profile Editing 101 (4 d' newbies)

this is for the newbies...
welcome newbies
when making ur own layout from scratch...

Step 1: Background Image

Quote :

you need a background image... you may use yahoo search, google or photobucket to look
for images that you want...

if u wanna resize., add effects or animations...
u may go to http://lunapic.com
you may also host it there
or u may sve it then host it in ur own photo hosting site

additional info for foto editing from R&R

Refresh/Reload wrote:
just wanna recommend... if you don't have any image editor...
try downloading Irfanview it's free, easy to use and safe...
been using this for years... but actually... if u have ur own
pc... you should already have one like NERO for example... coz
it's(CD) included mostly on your hardware items as package... if
you don't have one... maybe you've been scammed har har

so for those shop users that's going to buy a pc package someday...
retrieved the hardware(parts) boxes so that u can check if a software
CD is included as a free package... ups i'm getting out of the topic..

Irfanview site:http://www.irfanview.com/
Step 2: Profile Editor

Setting up to use it in ur friendster
you may go to one of these sites:

Cuban Council
Friendster-Tweakers
Bigoo

after doing those editing.,
you may save the codes in ur CSS Section...
or
u may add that to ur External CSS file...


Step 3: The Tweaks
now., it's time to look around the forum... Tricks & Tutorials Section...
look for the codes that u want.,
i would start with those less complicated things

here are some links where u can find the most commonly used codes
CSS Hide Codes
Complete Compilation of CSS Codes!

Step 4: Saving External files

here's my examples of saving codes...

this method doesn't need a notepad no more...

~CSS file~

4.1.1 Create an account into any File hosting site.
Recommended: Ripway

Register then Log-In


4.1.2 Click the Create Text File




4.1.3 Make a filename ending with the extension .css. For example,
mycss.css




then place ur CSS codes in the text box as shown in the image above.
Now, hit save.



4.1.4 Get the direct link/url of ur external file.
that's what u'll place in the LINKER.
4.2 ~JS file~
(almost same as wat u did in ur extrnal css just a different extension & diffrent codes )

if it still isn't clear
you may just read (and understand) this tutorial...

Making External Files
PLEASE PM THE MODS FOR THE LINKERS

thinking of adding lots of JS codes... try the guide

Quote :

http://theftalk.com/t15088-Compiling-codes-file-newbies%28additions%3ANov.8%29.html

**using css & js???**
inject ur css file in ur js by this css injctor

Code:

[b]var css = document.createElement("link");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","EXTERNAL_CSS_URL_HERE");
document.getElementsByTagName("head")[0].appendChild(css);put that on top of ur extrnal js...
(dont forgt to edit this part  EXTERNAL_CSS_URL_HERE)
dat way.,u'll only need the js linker for ur FS profle*[/b]