FTalk

Note: This tutorial was already posted but got deleted. So, I asked permission from Sir eehjhay if I could post it again, for the sake of those who needs it. Fortunately, he approved so I can post this again for the newbies! Originally, these are called Navigational CSS Layouts, not Cross-Over. But since many people call it that way, I decided to name it as it is.

To the mods: You can move, edit and delete this thread at any time.

Sir eehjhay [for allowing me to post this]
Ms. switpotato [I got the idea from her]
Friendster Master
Yahoo! Answers
Photobucket
Ripway & Stormpages
Friendster-Tutorials.com
ETC.

FAQ:

[Click Spoiler]

RULES:

[Click Spoiler]

Before we start, I just wanted to let you know that you don't need any knowledge about JS to make Cross-Overs, but you may need to know a little bit about CSS. You don't need to download any software, you can make all the Cross-Overs/Navigational CSS Lays you want just being on the net.


What you need:

An Internet Connection
Lots of imagination

OK, let's start:

First, click the link below. It will take you an External CSS Generator made by Angel.

http://friendstertutorials.com/generators/external-css/

Note: Sometimes, a lot of people have been using this site so it gets really busy, that's why there are times that when you click the link, you experience an error. It's normal. Just wait for it, it will be back soon.

Once you've clicked on the link, you will see a page that looks like this.

For your convenience, they updated it and put in options so you won't have to look for Hex Colors anymore.

Note: You can fill in all the fields but you can also leave some blank if you don't like that feature.

To the newbies, I'll explain what every field is and it's features:

[Click Spoiler]

Now, we make the banner. If you're a newbie, no prob! I've included a Newbie Guide on how to make banners the easy way.

For the Newbies:

For Advanced Users:

After you've filled it all up, click "Generate Layout Code!"



It will redirect you to another page, showing the CSS codes of your layout.



Copy the CSS codes and paste it in Notepad or any other Simple Text Editor Program. Name it and put a ".css" on the end.



Register at any free web hosting that supports CSS, JS or HTML
If you are already registered, just log in. [I use Ripway]



Click on "My Files" then "Upload Files".



Now, look for your file. Once you've found it, click "Upload".



Once the uploading is finished, click "Return to My Files".



Look for your file then Copy the Direct Link and paste it in the Latest Linker.



Note: There's a temporary linker that you could use. The permanent linkers are being thought of. Just go to the Underground Section and look for the sticky topic with the said title.

Hope this helped the newbies out there! I made it very clear for everyone to understand. If the layout is not working, FS probably updated again... Or scroll up and check the FAQ.

If you still can't understand, PM me...
Comments and +Repu's are highly appreciated. Thanks for reading my Tutorial!