Trick Modifikasi Friendster: Efek cursor di Friendster (not in Mozilla FireFox) FriendsterMod Tips Trik modifikasi Friendster layout. Tutorial mudah dan sederhana percantik tampilan skin friendster. Free layout, skins, themes, template for friendster profile.

Tutorial Lainnya

Met Idul Fitri Maaf Lahir Bathin
CSS Tutorial design layout friendster
Animasi cursor friendster dgn gelembung
CSS Sembunyikan layout friendster bagian 2
Layout Friendster content box bergerak semua
Indo direct Link file hosting
CSS sembunyikan layout friendster bagian pertama
CSS dalam Java script extension untuk layout frien...
Buat Entry Page untuk profile Friendster dengan re...
File hosting buat JS dan CSS friendster kamu

Arsip Simpanan

Advertisements

Pencarian Cepat

Langganan

Blog Stats

Lihat Hits

Credits

FriendsterMod team 2007
Semua isi blog ini berlicensi Creative Common. Gunakan dengan resiko sendiri, oke. FriendsterMod Team are saying thanks to all Friendsterholic (including you) for reading this Friendster stuff blog. Jangan sungkan untuk bookmark kita di digg delicious technorati atau submit langganan feed kami di google yahoo aol.

Met Datang di FriendsterMod - Friendster Layout ??

Welcome to Friendstermod. place where you can find Free Friendster Layout, skin, themes, you can download that layout for free and use it at your friendster profile. Layouts are well designed and optimized under friendster CSS code. Download free skins or request your own friendster layout themes.

Subscribe with Friendstermod (New)

Saturday, October 20, 2007

Efek cursor di Friendster (not in Mozilla FireFox)

Efek cursor ini akan merubah dan mempercantik tampilan cursor standar menjadi lebih dinamis dengan menggunakan animasi. Hanya saja animasi ini tidak bisa berjalan di Firefox. Tapi cukup keren juga karena bisa diikutkan di enter page (baca posting sebelumnya). Oke langsung aja buka notepad kamu dan save kode di bawah ini dengan ekstensi java script (.js extension).

Code :

<!-- 

//Choose colours and size of effect !!
var a_Colour='ffffff';
var b_Colour='8c9bff';
var c_Colour='4a61ff';
var Size=80;
//Alter nothing below !!

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.all)
{
function ieMouse(){
xpos = document.body.scrollLeft+event.x+6;
ypos = document.body.scrollTop+event.y+16;
}
document.onmousemove = ieMouse;
}

function swirl(){
for (i = 0; i < 3; i++)
 { 
 YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
 XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
 }
ThisStep+=step;
setTimeout('swirl()',10);
}

var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.all){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.all;
if (document.layers){
for (i = 0; i < amount; i++)
{
 if (i < amount-1) 
 {
 ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
 ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
 ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
 } 
else  
 {
 ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
 ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
 ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
 }
}
}
else if (document.all){
for (i = 0; i <  amount; i++)
{
 if (i < amount-1) 
 {
 msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left;
 msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left;
 msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left;
 } 
else 
 {
 msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0];
 msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1];
 msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2];
 }
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
window.onload=Start;
// -->

Kamu bisa mengganti warna cursor dengan memasukkan kode hex color (kalo bingung liat di Photoshop).juga mengganti ukurannya (var size), liat dulu kode di atas.

Setelah kamu save dengan ekstensi .js (contoh; efek_cursor.js) kemudian upload di direct link file hosting (ripway, hotlinking files, dompetfoto). Ambil link yang diberikan oleh situs file hosting yang diberikan (setelah kamu upload). Kemudian gabungkan kode tersebut dengan kode untuk mengikutkan js ekstension di media box (liat posting cara memasukkan Java script di FS). Selesai. Simple bukan. Ingat kode ini tidak bekerja di Mozilla firefox. Tapi cukup menarik koq, khan hari gini juga masih banyak orang ngenet pakai Internet explorer..

Atau jika kamu kesusahan untuk meng-copy-paste kode diatas kamu bisa langsung gunakan dengan mendownload kodenya di link dibawah ini.
http://www.hotlinkfiles.com/files/486901_owdbh/efek_cursor.js

Ditulis oleh FriensterMod Team @ 2:58 PM.

Cool Stuff buat reader Friendstermod

Perhatian, Tim FriendsterMod tidak memiliki hubungan khusus apapun dengan pihak Friendster begitupun sebaliknya. Blog ini sebagai media informasi yang menyampaikan tentang tips trik yang bisa dilakukan untuk merubah tampilan profil friendster dari yang sederhana hingga yang intermediate. Kami juga tidak bertanggung jawab atas kemungkinan apapun yang timbul akibat penggunaan isi artikel dalam blog ini. Gunakan dan praktekkan dengan kesadaran dan tanggung jawab penuh pada diri kamu sendiri.

FriendsterMod new skin beta. Best viewed at 1024x768 pixel.