CODE :

<script src=”http://h1.ripway.com/murdermydolly/bl_js.js”></script>

Hope you like this layout.

Screenshot :

Screenshot

Preview : CLICK HERE

Codes : CLICK HERE

This code changes your box when mouse is over the box..

Here’s the code..

/********************************************

               # !IMPORTANT! #

              DO NOT REMOVE THIS!!!

            Changing Box When Hovered

                 Trick By Flint

  http://profiles.friendster.com/massmindrape

       http://murdermydolly.blogspot.com

********************************************/

/* On Mouse Out */

div.commonbox:link { border-width:0px; border-color:transparent; border-style:solid; background-color:#ffffff; }

/* On Hover */

div.commonbox:hover { border-width:0px; border-color:transparent; border-style:solid; background-color:#000000; }

/* NO NEED TO EDIT THIS ONE */

.commonbox .evenrow { background-color:transparent; }

Paste it in your CSS Extension..

Just edit the codes on the color you desired.. ^_^

Preview >> CLICK HERE

Hope you’ll never remove the credits..

Have a nice day..

Screenshot :

Best Viewed in :

1024 x 768 Screen resolution.

Mozilla Firefox

Preview : CLICK HERE

CODES : CLICK HERE

I hop you like it..

First step, you need to have a web host. I recommend Ripway, register first to have a free host.

Second step, If you already have the codes ( whether it is CSS or Javascript ) paste it in a Notepad.

Example :

Paste the code in a notepad

then save the code to a folder, any folder that you can easily access to.

After choosing the folder, save it as “extension” without the quotes or “extension.css” for CSS

Example :

For Javascript

I’m not using .js as extension for javascript, because friendster blocks .js extensions. So, try to save it as .txt or click Save ( It will automatically save as .txt ).

For CSS Extension

then click save.

Third step, upload it in your hosting site.

I’ll set Ripway as an Example.

How to Upload?

Here’s how, login to your ripway account first. After that, follow these easy steps.

Screenshot 3.a : After logging in, Click My Files

Screenshot 3.b : Click Upload Files

Screenshot 3.c : Follow the Screenshot

Then, click upload.

Fourth step, after uploading get the URL of the file.

URLs look like this http://www.ripway.com/user/extension.css.

How to get the URL of the file??

Copy the Direct Link, that's the URL of the file.

and paste it to the latest linker.

Get the latest linker here >> CLiCK HERE

^ You need to register first before you can get the linker.

Hope this tutorial helps, Have a nice day.

First thing you’ll have to do is to have a working linker and a Javascript Extension.

Now, use this code to change a certain box.

document.getElementById(“BOX ID HERE“).innerHTML=”CODES“;

For example, you want to change your Friend List box into a youtube video.

Simply add insert the box id of the box in the code given which is in red, and paste the embed codes on the CODES. Like this :

document.getElementById(“content_2“).innerHTML=”<object width=\”425\” height=\”344\”><param name=\”movie\” value=\”http://www.youtube.com/v/80fyuuxlR2E&hl=en&fs=1\”></param><param name=\”allowFullScreen\” value=\”true\”></param><param name=\”allowscriptaccess\” value=\”always\”></param><embed src=\”http://www.youtube.com/v/80fyuuxlR2E&hl=en&fs=1\” type=\”application/x-shockwave-flash\” allowscriptaccess=\”always\” allowfullscreen=\”true\” width=\”425\” height=\”344\”></embed></object>“;

Notice that In every quote ( ” ) there’s a backslash ( \ ), This is important guys..

ALWAYS REMEMBER : Put a backslash ( \ ) before every quote ( ” ).

HOW TO FIND THE BOX ID?

If you’re using firefox, simply click View >> Page Source or Press Ctrl + U.

Screenshot 1 :

How to view the source code. ( Firefox )

If you’re using Internet Explorer, simply right click on the page and click View Source.

Screenshot 2 :

How to view the source code ( Internet Explorer ) .

After that a Box will open with the source code ( For IE, a Notepad will open ).

Press Ctrl + F, and find the keywords to find the box you want to edit.

Example : If you want to find the box id of the media box, simple type in the Find Box ( the Ctrl + F ) the word media box. Find the HTML tag, <div id=”content_10“> so therefore, content_10 is your BOX ID.

NOTE : Most BOX ID starts with content_ with the number depending on the box.

Hope this tutorial helps, Have a Nice day!

P.S. If you have any question, send it via comment.