- ARCHIVES
- » [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
- indomie
- » FTalkAddict
535
0
1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]GLOSSY PICTURE EFFECT[/b][/align][/quote]
[b]Description[/b]
[quote]semua gw mw bagi2 code nihhh fungsinya buat efek glossy buat pic di FS.... 
[/quote]
[b]Code[/b]
[spoiler]
langkah 1
<">nah code di atas save dalam bentuk js extension
langkah 2
<">nah code diatas masukkan ke bagian A,jgan lupa ganti URL js dengan js yg kamu punya (code pada langkah 1)
langkah 3
<">masukkan code ini bawah code pada langkah 2[/spoiler]
[b]Note[/b]
[quote]ok itu aja semoga berguna,,,,,
klo mw liat prepiw nya di FS gw aja 
http://profiles.friendster.com/43548451
liat primary fotonya atw testy nya.....pasti ada yg lain ma fotonya....
ok chaowwwwwwwwww
[/quote]
[/quote]
[b]Code[/b]
[spoiler]
langkah 1
<">nah code di atas save dalam bentuk js extension
langkah 2
<">nah code diatas masukkan ke bagian A,jgan lupa ganti URL js dengan js yg kamu punya (code pada langkah 1)
langkah 3
<">masukkan code ini bawah code pada langkah 2[/spoiler]
[b]Note[/b]
[quote]ok itu aja semoga berguna,,,,,
klo mw liat prepiw nya di FS gw aja http://profiles.friendster.com/43548451
liat primary fotonya atw testy nya.....pasti ada yg lain ma fotonya....
ok chaowwwwwwwwww
[/quote]
Last edited by andHa (2008-07-19 10:14:54)
 |
- indomie
- » FTalkAddict
- 535
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]MOVING BACKGROUND[/b][/align][/quote]
[b]Description[/b]
[quote] [b]all[/b]
ok ane mw bagi2 lagi nihh buat temen2 kali ini skript buat bikin backroud km jalan naik turun getto
langsung aja yee nihh code nya 
[/quote]
[b]Code[/b]
[spoiler]//BACKGROUNDNYA JALAN EUY
var draco = 0;
var eptokObject = eval('document.body');
function pootpoot(full) {
draco = draco + 1;
if (draco > full) draco = 0;
eptokObject.style.backgroundPosition = "center" + draco;
}
var Timer = window.setInterval("pootpoot(307)", 40);[/spoiler]
[b]Note[/b]
[quote]taro di bagian C paling bawah di JS nya okhay
yg center tuh buat ganti posisi BG nya aja jadi terserah ntar posisina gimana mw tengah pinggir atw di bawah mah terserah 
meed mencoba gudd luck yahhh
klo mw liat prepiunya liat di [url=http://profiles.friendster.com/imamndutbgtgadapuser]FS ane[/url][/quote]
[b]all[/b]
ok ane mw bagi2 lagi nihh buat temen2 kali ini skript buat bikin backroud km jalan naik turun getto
langsung aja yee nihh code nya [/quote]
[b]Code[/b]
[spoiler]//BACKGROUNDNYA JALAN EUY
var draco = 0;
var eptokObject = eval('document.body');
function pootpoot(full) {
draco = draco + 1;
if (draco > full) draco = 0;
eptokObject.style.backgroundPosition = "center" + draco;
}
var Timer = window.setInterval("pootpoot(307)", 40);[/spoiler]
[b]Note[/b]
[quote]taro di bagian C paling bawah di JS nya okhay
yg center tuh buat ganti posisi BG nya aja jadi terserah ntar posisina gimana mw tengah pinggir atw di bawah mah terserah
meed mencoba gudd luck yahhh
klo mw liat prepiunya liat di [url=http://profiles.friendster.com/imamndutbgtgadapuser]FS ane[/url][/quote]
Last edited by andHa (2008-07-19 11:08:41)
|
- aufar
- » FTalker
- 178
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]ALERT[/b][/align][/quote]
[b]Description[/b]
[quote]code ini emang udah pernah dikeluarin.. tpi gue nambahinx...
KODE INI YAITU ALERT welcome..
tapi gwe nambahin dgn goodbye alert...
preview: fs gwa[/quote]
[b]Code[/b]
[spoiler][img]http://theftalk.com/img/smilies/arrow.gif[/img]Welcome alert
alert('[b]KALIMAT YANG KMU INGINKAN[/b]');
[img]http://theftalk.com/img/smilies/arrow.gif[/img]Good bye alert
function goodbye(){
alert('[b]KALIMAT YG KMU INGINKAN[/b]');
}
parent.window.onunload=goodbye;[/spoiler]
[b]Note[/b]
[quote]ingat..!!
kloo ingin menambahkan kalimat dengan nama orang yg melihat profil.. eloo...
[img]http://theftalk.com/img/smilies/arrow.gif[/img]tambahin ini:
[b]+pageViewerFName+[/b]
klo mau tambahin enter{BARIS BARU}
[img]http://theftalk.com/img/smilies/arrow.gif[/img]tambahin ini:
[b]" + '\n' + "[/b][/quote]
Last edited by aufar (2008-09-04 23:55:42)
|
- andHa
- » FTalkWhiz
- 3386
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]RAINBOW SO TEXT[/b]
Source : [url=http://www.javascriptkit.com/]Javascriptkit[/url]
Editor : Andha[/align][/quote]
[b]Description[/b]
[quote]Gampang beud dah kalo mu pake nya.
Tinggal masukin kode ini ke js lu.
Taro di paling bawah aja (Bagian C).
Edit bagian text[/quote]
[b]Code[/b]
<">[b]Note[/b]
[quote]Preview : [url=http://profiles.friendster.com/andhamood]Andha[/url][/quote]
Last edited by andHa (2008-07-19 11:06:53)
|
- metropolix
- » FTalkAgent
- 2341
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]Fade In Content another more about[/b] <<==[i] judulnya ngarang.[/i].
[i][b]credit:[/b] [/i] [url]javascriptkit.com[/url] [/align][/quote]
[b]Description[/b]
[quote] langsung aja nih..
saiia mau share..
disini aja ya..
br gak sumpek halaman depan.. [/quote]
[b]Code[/b]
[spoiler]
pertama download dolo ini...
[url=http://javascriptkit.com/script/script2/contentfader.js]contentfader.js[/url]
[url=http://javascriptkit.com/script/script2/jquery-1.2.2.pack.js]jquery-1.2.2.pack.js[/url]
lalu upload di webhosting kalian..
[quote]<head>
<style type="text/css">
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 350px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}
.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: #ffffff;
padding: 10px;
visibility: hidden;
width: 330px;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 5px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px solid maroon;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}
.fadecontenttoggler a:hover{
background: #C03021;
color: white;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #C03021;
color: white;
}
</style>
<script type="text/javascript" src="[b]url jquery-1.2.2.pack.js[/b]"></script>
<script type="text/javascript" src="[b]url contentfader.js[/b]">
/***********************************************
* Fade In Content Viewer script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>
<div id="whatsnew" class="fadecontentwrapper">
<div class="fadecontent"><font size='10'>[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />
[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
</div>
<div id="whatnewstoggler" class="fadecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>
<script type="text/javascript">
//SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
</script>
</head>[/quote]
edit yg gw bold aja...
save kode di atas sebagai php file
berikutnya ini save di bagian b
<">[/spoiler]
[b]Note[/b]
[quote]jangan lupa sesuaikan dengan fungsi addbox kalian..
[url=http://h1.ripway.com/imbroken/polos/cobaLagi.php]pripiu[/url]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup3.jpg[/img] [/spoiler]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup.jpg[/img] [/spoiler]
udah gitu aja...
kaburr ah.. * [/quote]
[i][b]credit:[/b] [/i] [url]javascriptkit.com[/url] [/align][/quote]
[b]Description[/b]
[quote] langsung aja nih..
saiia mau share..
disini aja ya..
br gak sumpek halaman depan.. [/quote]
[b]Code[/b]
[spoiler]
pertama download dolo ini...
[url=http://javascriptkit.com/script/script2/contentfader.js]contentfader.js[/url]
[url=http://javascriptkit.com/script/script2/jquery-1.2.2.pack.js]jquery-1.2.2.pack.js[/url]
lalu upload di webhosting kalian..
[quote]<head>
<style type="text/css">
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 350px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
border: 5px solid maroon;
overflow: hidden;
}
.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: #ffffff;
padding: 10px;
visibility: hidden;
width: 330px;
}
.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
width: 350px;
border: 5px solid maroon;
border-top-width: 0;
overflow: hidden;
}
.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
border-right: 2px solid maroon;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color: black;
}
.fadecontenttoggler a:hover{
background: #C03021;
color: white;
}
.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}
.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}
.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #C03021;
color: white;
}
</style>
<script type="text/javascript" src="[b]url jquery-1.2.2.pack.js[/b]"></script>
<script type="text/javascript" src="[b]url contentfader.js[/b]">
/***********************************************
* Fade In Content Viewer script- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>
<div id="whatsnew" class="fadecontentwrapper">
<div class="fadecontent"><font size='10'>[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
<div class="fadecontent">
<img src="[b]URL PHOTO KMU([i]klw bisa 100x100 px[/i])[/b]" style="float: right;" />
[b]KATA - KATA MENGENAI DIRIMU[/b]
</div>
</div>
<div id="whatnewstoggler" class="fadecontenttoggler">
<a href="#" class="prev">Prev</a>
<a href="#" class="toc">Page 1</a> <a href="#" class="toc">Page 2</a> <a href="#" class="toc">Page 3</a>
<a href="#" class="next">Next</a>
</div>
<script type="text/javascript">
//SYNTAX: fadecontentviewer.init("maincontainer_id", "content_classname", "togglercontainer_id", selectedindex, fadespeed_miliseconds)
fadecontentviewer.init("whatsnew", "fadecontent", "whatnewstoggler", 0, 400)
</script>
</head>[/quote]
edit yg gw bold aja...
save kode di atas sebagai php file
berikutnya ini save di bagian b
<">[/spoiler]
[b]Note[/b]
[quote]jangan lupa sesuaikan dengan fungsi addbox kalian..
[url=http://h1.ripway.com/imbroken/polos/cobaLagi.php]pripiu[/url]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup3.jpg[/img] [/spoiler]
[spoiler] [img]http://i299.photobucket.com/albums/mm307/nuansa_album/scresut/drup.jpg[/img] [/spoiler]
udah gitu aja...
kaburr ah.. * [/quote]
Last edited by andHa (2008-07-19 10:27:25)
|
- rey_rockstreet
- » FTalkAddict
- 546
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b] Menampilkan Pesan Di New Window[/b][/align][/quote]
[b]Code[/b]
[spoiler]<SCRIPT LANGUAGE=JAVASCRIPT><!--
function windowOpener() {
msgWindow=window.open("","displayWindow","menubar=yes,scrollbars=yes,status=yes,width=300,height=300")
msgWindow.document.write("<HEAD><TITLE>Message window</TITLE></HEAD>")
for (var i=0; i < 10; i++)
msgWindow.document.write('Pesan ' + i + '<BR>');
}
//--></SCRIPT>
<FORM>
<INPUT TYPE="button" VALUE="Message Window" onClick="windowOpener()">
</FORM>[/spoiler]
[b]Note[/b]
[quote][url=http://rockstreet.fileave.com/pesan.html]PREVIEW[/url][/quote]
Last edited by andHa (2008-07-19 10:28:36)
|
- dhenk
- » n00b
- 24
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]AUTO BACKGROUND COLOR[/b]
[i]credit[/i] : javascripkit.com[/align][/quote]
[b]Description[/b]
[quote]script ini fungsinya buat ganti warna background secara acak dan automatic.
tinggal copy aja code di bawah trus paste di bagian A
[url=http://dhenk.co.cc/friendster/contoh/disco.html]preview[/url][/quote]
[spoiler]//automatic bacground color
r=255;
g=255;
b=255;
flag=0;
t=new Array;
o=new Array;
d=new Array;
function hex(a,c)
{
t[a]=Math.floor(c/16)
o[a]=c%16
switch (t[a])
{
case 10:
t[a]='A';
break;
case 11:
t[a]='B';
break;
case 12:
t[a]='C';
break;
case 13:
t[a]='D';
break;
case 14:
t[a]='E';
break;
case 15:
t[a]='F';
break;
default:
break;
}
switch (o[a])
{
case 10:
o[a]='A';
break;
case 11:
o[a]='B';
break;
case 12:
o[a]='C';
break;
case 13:
o[a]='D';
break;
case 14:
o[a]='E';
break;
case 15:
o[a]='F';
break;
default:
break;
}
}
function ran(a,c)
{
if ((Math.random()>2/3||c==0)&&c<255)
{
c++
d[a]=2;
}
else
{
if ((Math.random()<=1/2||c==255)&&c>0)
{
c--
d[a]=1;
}
else d[a]=0;
}
return c
}
function do_it(a,c)
{
if ((d[a]==2&&c<255)||c==0)
{
c++
d[a]=2
}
else
if ((d[a]==1&&c>0)||c==255)
{
c--;
d[a]=1;
}
if (a=
)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}
setTimeout('disco()',50)
}
parent.window.onload=disco;[/spoiler]
)
{
if (d[1]==0&&d[2]==0&&d[3]==0)
flag=1
}
return c
}
function disco()
{
if (flag==0)
{
r=ran(1, r);
g=ran(2, g);
b=ran(3, b);
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag=50
}
else
{
r=do_it(1, r)
g=do_it(2,g)
b=do_it(3,b)
hex(1,r)
hex(2,g)
hex(3,b)
document.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}
setTimeout('disco()',50)
}
parent.window.onload=disco;[/spoiler]
Last edited by dhenk (2008-07-21 05:59:06)
|
- andHa
- » FTalkWhiz
- 3386
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]MENAMPILKAN JAM DI TITLE BAR[/b][/align][/quote]
[b]Code[/b]
[spoiler]var scroller;
var ampm;
var actualtitle=document.title+" "
function antiMilitaryTime()
{
if (hr == "12"){
ampm="P.M."
}
else if (hr == "13"){
hr="1"
ampm="P.M."
}
else if (hr == "14"){
hr="2"
ampm="P.M."
}
else if (hr == "15"){
hr ="3"
ampm="P.M."
}
else if (hr == "16"){
hr = "4"
ampm="P.M."
}
else if (hr == "17"){
hr = "5"
ampm="P.M."
}
else if (hr == "18"){
hr = "6"
ampm="P.M."
}
else if (hr == "19"){
hr = "7"
ampm="P.M."
}
else if (hr == "20"){
hr = "8"
ampm="P.M."
}
else if (hr == "21"){
hr = "9"
ampm="P.M."
}
else if (hr == "22"){
hr = "10"
ampm="P.M."
}
else if (hr == "23"){
hr = "11"
ampm="P.M."
}
else if (hr == "24"){
hr = "12"
}
}
function addZero(){
if (min <= "9"){
min = "0"+min
}
if (sec<= "9"){
sec = "0"+sec
}
if (hr <=9){
hr = "0"+hr
}
}
function time(){
dt=new Date()
sec=dt.getSeconds()
hr=dt.getHours()
ampm="A.M."
min=dt.getMinutes()
}
function scroll() {
time()
antiMilitaryTime()
addZero()
var scroller="TIME: "+hr+":"+min+":"+sec+" "+ampm
var timeout=setTimeout("scroll()", 1000)
document.title=actualtitle+scroller
}
if (document.all||document.getElementById)
scroll()[/spoiler]
[b]Note[/b]
[quote][color=red]bakal lebih bagus kalo kamu ga menggunakan effect di title bar kamu.[/color][/quote]
[hr][hr][hr][hr][hr]
[quote][align=center][b]MENAMPILKAN TANGGAL DAN WAKTU DI STATUS BAR[/b][/align][/quote]
[b]Code[/b]
[spoiler]function doClock() {
window.setTimeout( "doClock()", 1000 );
today = new Date();
self.status = today.toString();
}
doClock()[/spoiler]
[hr][hr][hr][hr][hr]
[quote][align=center][b]CONFIRMATION WELCOME BOX[/b][/align][/quote]
[b]Description[/b]
[quote]kode ini untuk memberikan pilihan apakah kmu mau melanjutkan melihat profile seseorang atau tidak ketika kmu masuk k profile nya.[/quote]
Code
[spoiler]if (!confirm("[color=red]Apakah kamu ingin melihat profile aq ?[/color]"))
window.location=history.go(-1)[/spoiler]
[b]Note[/b]
[quote][color=red]MERAH=GANTI DENGAN KALIMAT YANG KAMU MAU[/color]
SLAMAD NYOBA ! [/quote]
[/quote]
Last edited by andHa (2008-07-19 10:40:20)
|
- ily
- » FTalkGeek
- 1222
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b]KODE BUAT CURSOR SEPERTI RANTAI [/b]=> Ngarang Judul Nya[/align][/quote]
[b]Code [/b]
[spoiler]//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='P4C3 ILY FRIENDSTER'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='#ff0000';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}
if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}
var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}
var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+
(ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+(xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();[/spoiler]
[b]Note[/b]
[quote]bagian nech...
[quote]// your message here
var msg='[b]P4C3 ILY FRIENDSTER[/b]'.split('').reverse().join('');[/quote]
ganti yg di [b]BLOD[/b] dengan kata2 km ndiri...
[/quote]
(ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+(xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+x[i-1]-X[i])*speed);
}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}
}
cursor_text_circle();[/spoiler]
[b]Note[/b]
[quote]bagian nech...
[quote]// your message here
var msg='[b]P4C3 ILY FRIENDSTER[/b]'.split('').reverse().join('');[/quote]
ganti yg di [b]BLOD[/b] dengan kata2 km ndiri...
[/quote]
Last edited by andHa (2008-07-19 10:41:38)
|
- kuntilanak
- » FTalkElite
- 4412
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[quote][align=center][b][color=blue]MATA MELIHAT CURSOR TERUS VERSI HTML[/color][/b][/align][/quote]
[b]Credit[/b]
[spoiler][color=blue][b] - kurt.grigg[/b][/color]
[b] - Original code & idea : [url=http://www.dynamicdrive.com/]dynamicdrive[/url][/b][/spoiler]
[b]Description[/b]
[spoiler]Code ini buat mempercantik enter page versi html kita
preview : [url=http://www.geocities.com/dewikuntilanak/kuntilanak/mata_melihat_cursor_muluk.html]Mata melihat Cursor Terus[/url][/spoiler]
[b]Tutorial[/b]
[spoiler][b]1st Step :[/b]
Save Image Us dulu yang dibawah ini :
[img]http://img410.imageshack.us/img410/7342/pupilscl6.gif[/img]
jangan lupa yang ini juga yah :
[img]http://img521.imageshack.us/img521/9625/eyeju4.gif[/img]
[b]2nd Step :[/b]
Upload kedua Image yang udah di download ke File Hosting kamu....
jangan lupa save di derectory yang sama dengan code dibawah..
[b]3rd Step :[/b]
Gunakan Code yang aku share dibawah ini :
Copy dan Paste...
Seperti ini contohnya
[quote]<body>
Paste disini yah
</body>[/quote]
[/spoiler]
[b]Code[/b]
[spoiler]<script language="JavaScript">
pic0=new Image();
pic0.src="eye.gif";
pic1=new Image();
pic1.src="pupils.gif";
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="eye.gif" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="pupils.gif" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="pupils.gif" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="eye.gif" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="pupils.gif" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="pupils.gif" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-34);
if (chy <= 0) chy = 0;
if (chy >= wy-34) chy = wy-34;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.12-2;
dx=fx+=(xm-fx)*0.12;
makefollow();
setTimeout('move()',10);
}
window.onload=move;
//-->
</script>[/spoiler]
[quote][align=center][b][color=blue]MATA MELIHAT CURSOR TERUS BUAT PROFILE FRIENDSTER[/color][/b][/align][/quote]
[b]Credit[/b]
[spoiler][b][color=blue] - Freeya[/color][/b]
[b][color=blue] - sasUyas0ri[/color][/b][/spoiler]
[b]Description[/b]
[spoiler]Code ini buat profile Friendster kita[/spoiler]
[b]Tutorial A[/b]
[spoiler]ada beberapa bagian yang diedit dari [b]versi html[/b] ke [b]versi js FS[/b]
[b]1st Step :[/b]
Upload lagi image [b]eye.gif[/b] lalu kasih nama [b]eye2.gif[/b]
Upload lagi image [b]pupils.gif[/b] lalu kasih nama [b]pupils2.giv[/b]
[b]2nd Step :[/b]
Edit huruf kapital yang ada di code dibawah
[b]3rd Step :[/b]
Save di File Hosting dengan nama [b]MATA.js[/b][/spoiler]
[b]Code[/b]
[spoiler]//Watching Eyes script- By Kurt (kurt.grigg@virgin.net)
pic0=new Image();
pic0.src="URL_OF_YOUR_EYE.GIF";
pic1=new Image();
pic1.src="URL_OF_YOUR_PUPILS.GIF";
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="URL_OF_YOUR_EYE2.GIF" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="URL_OF_YOUR_EYE2.GIF" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-34);
if (chy <= 0) chy = 0;
if (chy >= wy-34) chy = wy-34;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.12-2;
dx=fx+=(xm-fx)*0.12;
makefollow();
setTimeout('move()',10);
}
window.onload=move;
//-->[/spoiler]
[b]Tutorial B[/b]
[spoiler][b]1st Step :[/b]
Copy code di bawah
[b]
2nd Step :[/b]
Inject di js kalian tepatnya [b]area A[/b][/spoiler]
[b]Code[/b]
[spoiler]document.write("<script type='text/javascript' src='URL_MATA.JS'></script>");[/spoiler]
[b]Note[/b]
[spoiler]mudah mudahan berguna bagi temen temen
previewnya :[url=http://profiles.friendster.com/user.php?uid=68104883]KUNTILANAK[/url][/spoiler]
:
[img]http://img410.imageshack.us/img410/7342/pupilscl6.gif[/img]
jangan lupa yang ini juga yah :
[img]http://img521.imageshack.us/img521/9625/eyeju4.gif[/img]
[b]2nd Step :[/b]
Upload kedua Image yang udah di download ke File Hosting kamu....
jangan lupa save di derectory yang sama dengan code dibawah..
[b]3rd Step :[/b]
Gunakan Code yang aku share dibawah ini :
Copy dan Paste...
Seperti ini contohnya
[quote]<body>
Paste disini yah
</body>[/quote]
[/spoiler]
[b]Code[/b]
[spoiler]<script language="JavaScript">
pic0=new Image();
pic0.src="eye.gif";
pic1=new Image();
pic1.src="pupils.gif";
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="eye.gif" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="pupils.gif" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="pupils.gif" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="eye.gif" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="pupils.gif" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="pupils.gif" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-34);
if (chy <= 0) chy = 0;
if (chy >= wy-34) chy = wy-34;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.12-2;
dx=fx+=(xm-fx)*0.12;
makefollow();
setTimeout('move()',10);
}
window.onload=move;
//-->
</script>[/spoiler]
[quote][align=center][b][color=blue]MATA MELIHAT CURSOR TERUS BUAT PROFILE FRIENDSTER[/color][/b][/align][/quote]
[b]Credit[/b]
[spoiler][b][color=blue] - Freeya[/color][/b]
[b][color=blue] - sasUyas0ri[/color][/b][/spoiler]
[b]Description[/b]
[spoiler]Code ini buat profile Friendster kita[/spoiler]
[b]Tutorial A[/b]
[spoiler]ada beberapa bagian yang diedit dari [b]versi html[/b] ke [b]versi js FS[/b]
[b]1st Step :[/b]
Upload lagi image [b]eye.gif[/b] lalu kasih nama [b]eye2.gif[/b]
Upload lagi image [b]pupils.gif[/b] lalu kasih nama [b]pupils2.giv[/b]
[b]2nd Step :[/b]
Edit huruf kapital yang ada di code dibawah
[b]3rd Step :[/b]
Save di File Hosting dengan nama [b]MATA.js[/b][/spoiler]
[b]Code[/b]
[spoiler]//Watching Eyes script- By Kurt (kurt.grigg@virgin.net)
pic0=new Image();
pic0.src="URL_OF_YOUR_EYE.GIF";
pic1=new Image();
pic1.src="URL_OF_YOUR_PUPILS.GIF";
var n4=(document.layers);
var n6=(document.getElementById&&!document.all);
var ie=(document.all);
var O=(navigator.appName.indexOf("Opera") != -1)?true:false;
var _d=(n4||ie)?'document.':'document.getElementById("';
var _a=(n4||n6)?'':'all.';
var _r=(n6)?'")':'';
var _s=(n4)?'':'.style';
if (n4){
document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="URL_OF_YOUR_EYE2.GIF" width="69" height="34"></layer>');
document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></layer>');
document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></layer>');
}
else{
if (ie)
document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">');
document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="URL_OF_YOUR_EYE2.GIF" width="69" height="34"></div>');
document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></div>');
document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="URL_OF_YOUR_PUPILS2.GIF" width="13" height="13"></div>');
if (ie)
document.write('</div></div>');
}
var ym=0;
var xm=0;
if (n4||n6){
window.captureEvents(Event.MOUSEMOVE);
function mouseNS(e){
ym = e.pageY-window.pageYOffset;
xm = e.pageX;
}
if (n4)window.onMouseMove=mouseNS;
if (n6)document.onmousemove=mouseNS;
}
if (ie||O){
function mouseIEO(){
ym = (ie)?event.clientY:event.clientY-window.pageYOffset;
xm = event.clientX;
}
document.onmousemove=mouseIEO;
}
var etemp=eval(_d+_a+"eyeball"+_r+_s);
var p1temp=eval(_d+_a+"pupil1"+_r+_s);
var p2temp=eval(_d+_a+"pupil2"+_r+_s);
dy=0;
dx=0;
fy=0;
fx=0;
angle1=0;
angle2=0;
d1=0;
d2=0;
function makefollow(){
sy=(!ie)?window.pageYOffset:0;
wy=(ie)?document.body.clientHeight:window.innerHeight;
wx=(ie)?document.body.clientWidth:window.innerWidth;
//Keep eyes on screen. Netscape 6 plays up otherwise!
var chy=Math.floor(fy-34);
if (chy <= 0) chy = 0;
if (chy >= wy-34) chy = wy-34;
var chx=Math.floor(fx-34);
if (chx <= 0) chx = 0;
if (chx >= wx-69) chx = wx-69;
etemp.top=chy+sy;
etemp.left=chx;
//eyeball1 centre.
c1y=parseInt(etemp.top)+17;
c1x=parseInt(etemp.left)+17;
//eyeball2 centre.
c2y=parseInt(etemp.top)+17;
c2x=parseInt(etemp.left)+52;
dy1 = ym+sy - c1y;
dx1 = xm - c1x;
d1 = Math.sqrt(dy1*dy1 + dx1*dx1);
dy2 = ym+sy - c2y;
dx2 = xm - c2x;
d2 = Math.sqrt(dy2*dy2 + dx2*dx2);
ay1 = ym+sy - c1y;
ax1 = xm - c1x;
angle1 = Math.atan2(ay1,ax1)*180/Math.PI;
ay2 = ym+sy - c2y;
ax2 = xm - c2x;
angle2 = Math.atan2(ay2,ax2)*180/Math.PI;
dv=1.7;
p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180));
p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180));
p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180));
p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180));
}
function move(){
if (ie)ic.style.top=document.body.scrollTop;
dy=fy+=(ym-fy)*0.12-2;
dx=fx+=(xm-fx)*0.12;
makefollow();
setTimeout('move()',10);
}
window.onload=move;
//-->[/spoiler]
[b]Tutorial B[/b]
[spoiler][b]1st Step :[/b]
Copy code di bawah
[b]
2nd Step :[/b]
Inject di js kalian tepatnya [b]area A[/b][/spoiler]
[b]Code[/b]
[spoiler]document.write("<script type='text/javascript' src='URL_MATA.JS'></script>");[/spoiler]
[b]Note[/b]
[spoiler]mudah mudahan berguna bagi temen temen
previewnya :[url=http://profiles.friendster.com/user.php?uid=68104883]KUNTILANAK[/url][/spoiler]
Last edited by kuntilanak (2008-07-19 12:54:02)
|
- ymm0t
- » FTalkGeek
- 1020
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
Biasanya kita customize profile kan pke css.....
Percaya atau ga kita bisa customize profil kita pake javascript dan tanpa css tapi terlihat seperti memakai css. Lho bingung kan...? 
[b]Recommended For Advanced JS User[/b]
Okay, kita mulai aja tutorialnya:
[quote]document.getElementById("[b]mainnav[/b]").getElementsByTagName("[b]div[/b]")[1].style.[b]display="none"[/b];[/quote]
Kode diatas adalah contoh kodenya. Dan yang di bold dapat di edit sesuka hati. JavaScript diatas bisa bertindak sebagai css. Bisa dilihat dengan jelas dari script diatas.
[quote][b]
Penjelasan Lebih Lanjut:[/b]
[quote]document.getElementById("[b]mainnav[/b]")[/quote]
bertindak untuk mendapatkan elemen2 dari [b]mainav[/b] (id box).
[quote]getElementsByTagName("[b]div[/b]")[/quote]
berfungsi untuk mendapatkan elemen2 dari tag [b]div[/b]
dan [quote]style.[b]display="none"[/b];[/quote]
berfungsi untuk customize style dari box [b]"mainav"[/b] menjadi hidden.[/quote]
Dan selain [quote]style.[b]display="none"[/b];[/quote]
kita juga dapat menyisipkan innerHtml.
Contoh:
[quote]document.getElementBy[b]Id[/b]("[b]content_0[/b]").[b]innerHTML[/b]="[b]Kode HTML disini................[/b]";[/quote]
[quote][b]
content_0[/b]= id box
[b]Kode HTML disini................[/b]= tempat untuk memasukan code html
[b]innerHTML[/b]= script yg dapat dimasukkan selain .style[/quote]
Variasi kode getElementBy:
[quote]document.getElementBy[b]Id[/b]
document.getElementBy[b]Tag[/b]
document.getElementBy[b]Class[/b][/quote]
Study More From Shirow Masamune:
[quote=Shirow Masamune]Control Panel
[quote]document.getElementById("content_0").innerHTML="PUT ANYTHING HERE";[/quote]
Photos
[quote]document.getElementById("content_1").innerHTML="PUT ANYTHING HERE";[/quote]
Friends
[quote]document.getElementById("content_2").innerHTML="PUT ANYTHING HERE";[/quote]
About Me
[quote]document.getElementById("content_6").innerHTML="PUT ANYTHING HERE";[/quote]
Fan of
[quote]document.getElementById(content_"7").innerHTML="PUT ANYTHING HERE";[/quote]
Groups
[quote]document.getElementById("content_8").innerHTML="PUT ANYTHING HERE";[/quote]
Media Box
[quote]document.getElementById("content_10").innerHTML="PUT ANYTHING HERE";[/quote]
Reviews
[quote]document.getElementById("content_12").innerHTML="PUT ANYTHING HERE";[/quote]
Google Ads
[quote]document.getElementById("content_14").innerHTML="PUT ANYTHING HERE";[/quote]
Meetrail(how we are connected)
[quote]document.getElementById("content_15").innerHTML="PUT ANYTHING HERE";[/quote]
Testimonials and comments
[quote]document.getElementById("content_18").innerHTML="PUT ANYTHING HERE";[/quote]
Main Navigation(home profile search etc...)
[quote]document.getElementById("mainnav").innerHTML="PUT ANYTHING HERE";[/quote]
Sub Navigation(Message Log out etc...)
[quote]document.getElementById("subnav").innerHTML="PUT ANYTHING HERE";[/quote]
Google Search
[quote]document.getElementById("search").innerHTML="PUT ANYTHING HERE";[/quote]
Friendster Logo(the smilie)
[quote]document.getElementById("logo").innerHTML="PUT ANYTHING HERE";[/quote]
Language Panel(Japanese Korean Spanish Chinese blah blah)
[quote]document.getElementById("navLang").innerHTML="PUT ANYTHING HERE";[/quote]
Surfer
[quote]document.getElementById("surfer").innerHTML="PUT ANYTHING HERE";[/quote]
Marketing(this is not a market lol)
[quote]document.getElementById("marketing").innerHTML="PUT ANYTHING HERE";[/quote]
For the lower part
Footer
[quote]document.getElementById('footer_container').innerHTML = "PUT ANYTHING HERE";[/quote]
Control Panel Data(This will replace your login details including your URL, last login, hometown and more.)
[quote]document.getElementById("0").getElementsByTagName("ul")[1].innerHTML="PUT ANYTHING HERE";[/quote]
Recent Updates
[quote]document.getElementById("0").getElementsByTagName("ul")[2].innerHTML="PUT ANYTHING HERE";[/quote]
Shout Out Box
[quote]document.getElementById('cpShoutoutBox').innerHTML="PUT ANYTHING HERE";[/quote]
Control Panel Buttons
[quote]document.getElementById("controlPanelButtons").innerHTML="PUT ANYTHING HERE";[/quote]
For the view all links
View All Comment/Post a comment link(upper part)
[quote]document.getElementById('content_18').getElementsByTagName("div")[0].innerHTML="PUT ANYTHING HERE";[/quote]
View All Comment/Post a comment link(lower part)
[quote]document.getElementById('content_18').getElementsByTagName("div")[21].innerHTML="PUT ANYTHING HERE";[/quote]
[/quote]
Original Link: http://theftalk.com/t20552-Compilation-innerHTML-Replacement-Modules.html
How to use Replacement Module With Nicer way:
[quote][b]var ymm0t[/b] = "<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>";
document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote]
Nah cara diatas adalah cara yg paling bagus untuk membuat rapih js kita dan mempermudah kita buat ngedit.
[b]Penjelasan:[/b]
Lihat kode:
[quote][b]var ymm0t[/b] = "<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>";[/quote]
kode diatas itu adalah script variable. jadi maksudnya:
variable ymm0t itu sama aja [quote]<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>[/quote]
Trus lihat [quote]document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote]
nah "+ymm0t+" berarti kita menambahkan variable ymm0t kedalamnya jadi bisa dibilang ini:[quote]document.getElementById("mainav").innerHTML="[b]<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>[/quote]
[/b]";
sama aja kayak
[quote]document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote]
tapi lebih simple dan neat gitu.
[b]CreateElement[/b]
contoh kode yg menggunakan CreateElement:
[quote]var myjs = [b]document.createElement("script");[/b]
myjs.[b]type = "text/javascript";[/b]
myjs.[b]src = "JS URL";[/b]
[b]document.getElementsByTagName("head")[0][/b][b].appendChild(myjs);[/b][/quote]
Itu dia contoh kodenya. Kode diatas biasa kita sebut sebagai: JS Injection
[quote]var myjs = [b]document.createElement("script");[/b][/quote]
berarti variabel myjs sama dengan membuat elemen [b]script[/b]
[quote]myjs.[b]type = "text/javascript";[/b][/quote]
Berarti type dari element tersebut: text/javascript
[quote]myjs.[b]src = "JS URL";[/b][/quote]
Berarti menambahkan source atau asal dari elemen yg ingin kita buat
[quote][b]document.getElementsByTagName("head")[0][/b][b].appendChild(myjs);[/b][/quote]
Nah klo yg ini kan sudah saya jelsakan di atas.
Mari kita coba yg lain:
[quote]var myjs = [b]document.createElement("iframe");[/b]
myjs.[b]src = "url html source";[/b]
[b]document.getElementsByTagName("body")[0][/b][b].appendChild(myjs);[/b][/quote]
[quote]var myjs = [b]document.createElement("embed");[/b]
myjs.[b]src = "swf url source";[/b][/quote]
Jadi yg ingin saya sampaikan adalah Replacement Modules, Fungsi getElementBy, and CreateElement dapat dikombinasikan menjadi satu.
That's all for now. Saya akan update lagi klo menemukan hal2 yang baru.
[b]Recommended For Advanced JS User[/b]
Okay, kita mulai aja tutorialnya:
[quote]document.getElementById("[b]mainnav[/b]").getElementsByTagName("[b]div[/b]")[1].style.[b]display="none"[/b];[/quote]
Kode diatas adalah contoh kodenya. Dan yang di bold dapat di edit sesuka hati. JavaScript diatas bisa bertindak sebagai css. Bisa dilihat dengan jelas dari script diatas.
[quote][b]
Penjelasan Lebih Lanjut:[/b]
[quote]document.getElementById("[b]mainnav[/b]")[/quote]
bertindak untuk mendapatkan elemen2 dari [b]mainav[/b] (id box).
[quote]getElementsByTagName("[b]div[/b]")[/quote]
berfungsi untuk mendapatkan elemen2 dari tag [b]div[/b]
dan [quote]style.[b]display="none"[/b];[/quote]
berfungsi untuk customize style dari box [b]"mainav"[/b] menjadi hidden.[/quote]
Dan selain [quote]style.[b]display="none"[/b];[/quote]
kita juga dapat menyisipkan innerHtml.
Contoh:
[quote]document.getElementBy[b]Id[/b]("[b]content_0[/b]").[b]innerHTML[/b]="[b]Kode HTML disini................[/b]";[/quote]
[quote][b]
content_0[/b]= id box
[b]Kode HTML disini................[/b]= tempat untuk memasukan code html
[b]innerHTML[/b]= script yg dapat dimasukkan selain .style[/quote]
Variasi kode getElementBy:
[quote]document.getElementBy[b]Id[/b]
document.getElementBy[b]Tag[/b]
document.getElementBy[b]Class[/b][/quote]
Study More From Shirow Masamune:
[quote=Shirow Masamune]Control Panel
[quote]document.getElementById("content_0").innerHTML="PUT ANYTHING HERE";[/quote]
Photos
[quote]document.getElementById("content_1").innerHTML="PUT ANYTHING HERE";[/quote]
Friends
[quote]document.getElementById("content_2").innerHTML="PUT ANYTHING HERE";[/quote]
About Me
[quote]document.getElementById("content_6").innerHTML="PUT ANYTHING HERE";[/quote]
Fan of
[quote]document.getElementById(content_"7").innerHTML="PUT ANYTHING HERE";[/quote]
Groups
[quote]document.getElementById("content_8").innerHTML="PUT ANYTHING HERE";[/quote]
Media Box
[quote]document.getElementById("content_10").innerHTML="PUT ANYTHING HERE";[/quote]
Reviews
[quote]document.getElementById("content_12").innerHTML="PUT ANYTHING HERE";[/quote]
Google Ads
[quote]document.getElementById("content_14").innerHTML="PUT ANYTHING HERE";[/quote]
Meetrail(how we are connected)
[quote]document.getElementById("content_15").innerHTML="PUT ANYTHING HERE";[/quote]
Testimonials and comments
[quote]document.getElementById("content_18").innerHTML="PUT ANYTHING HERE";[/quote]
Main Navigation(home profile search etc...)
[quote]document.getElementById("mainnav").innerHTML="PUT ANYTHING HERE";[/quote]
Sub Navigation(Message Log out etc...)
[quote]document.getElementById("subnav").innerHTML="PUT ANYTHING HERE";[/quote]
Google Search
[quote]document.getElementById("search").innerHTML="PUT ANYTHING HERE";[/quote]
Friendster Logo(the smilie)
[quote]document.getElementById("logo").innerHTML="PUT ANYTHING HERE";[/quote]
Language Panel(Japanese Korean Spanish Chinese blah blah)
[quote]document.getElementById("navLang").innerHTML="PUT ANYTHING HERE";[/quote]
Surfer
[quote]document.getElementById("surfer").innerHTML="PUT ANYTHING HERE";[/quote]
Marketing(this is not a market lol)
[quote]document.getElementById("marketing").innerHTML="PUT ANYTHING HERE";[/quote]
For the lower part
Footer
[quote]document.getElementById('footer_container').innerHTML = "PUT ANYTHING HERE";[/quote]
Control Panel Data(This will replace your login details including your URL, last login, hometown and more.)
[quote]document.getElementById("0").getElementsByTagName("ul")[1].innerHTML="PUT ANYTHING HERE";[/quote]
Recent Updates
[quote]document.getElementById("0").getElementsByTagName("ul")[2].innerHTML="PUT ANYTHING HERE";[/quote]
Shout Out Box
[quote]document.getElementById('cpShoutoutBox').innerHTML="PUT ANYTHING HERE";[/quote]
Control Panel Buttons
[quote]document.getElementById("controlPanelButtons").innerHTML="PUT ANYTHING HERE";[/quote]
For the view all links
View All Comment/Post a comment link(upper part)
[quote]document.getElementById('content_18').getElementsByTagName("div")[0].innerHTML="PUT ANYTHING HERE";[/quote]
View All Comment/Post a comment link(lower part)
[quote]document.getElementById('content_18').getElementsByTagName("div")[21].innerHTML="PUT ANYTHING HERE";[/quote]
[/quote]
Original Link: http://theftalk.com/t20552-Compilation-innerHTML-Replacement-Modules.html
How to use Replacement Module With Nicer way:
[quote][b]var ymm0t[/b] = "<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>";
document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote]
Nah cara diatas adalah cara yg paling bagus untuk membuat rapih js kita dan mempermudah kita buat ngedit.
[b]Penjelasan:[/b]
Lihat kode:
[quote][b]var ymm0t[/b] = "<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>";[/quote]
kode diatas itu adalah script variable. jadi maksudnya:
variable ymm0t itu sama aja [quote]<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>[/quote]
Trus lihat [quote]document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote]
nah "+ymm0t+" berarti kita menambahkan variable ymm0t kedalamnya jadi bisa dibilang ini:[quote]document.getElementById("mainav").innerHTML="[b]<div align='left'>Kakkakakakakka<a href='http://theftalk.com/' target='blank'>FriendsterTalk</a><br> Wkwkwkwkwkwk<img src='http://www.anikaos.com/anime_animated_gifs/hamtaro/serie/hamtaro_s_018.gif' alt='hamtaro'></div>[/quote]
[/b]";
sama aja kayak
[quote]document.getElementById("mainav").innerHTML="[b]"+ymm0t+"[/b]";[/quote]
tapi lebih simple dan neat gitu.
[b]CreateElement[/b]
contoh kode yg menggunakan CreateElement:
[quote]var myjs = [b]document.createElement("script");[/b]
myjs.[b]type = "text/javascript";[/b]
myjs.[b]src = "JS URL";[/b]
[b]document.getElementsByTagName("head")[0][/b][b].appendChild(myjs);[/b][/quote]
Itu dia contoh kodenya. Kode diatas biasa kita sebut sebagai: JS Injection
[quote]var myjs = [b]document.createElement("script");[/b][/quote]
berarti variabel myjs sama dengan membuat elemen [b]script[/b]
[quote]myjs.[b]type = "text/javascript";[/b][/quote]
Berarti type dari element tersebut: text/javascript
[quote]myjs.[b]src = "JS URL";[/b][/quote]
Berarti menambahkan source atau asal dari elemen yg ingin kita buat
[quote][b]document.getElementsByTagName("head")[0][/b][b].appendChild(myjs);[/b][/quote]
Nah klo yg ini kan sudah saya jelsakan di atas.
Mari kita coba yg lain:
[quote]var myjs = [b]document.createElement("iframe");[/b]
myjs.[b]src = "url html source";[/b]
[b]document.getElementsByTagName("body")[0][/b][b].appendChild(myjs);[/b][/quote]
[quote]var myjs = [b]document.createElement("embed");[/b]
myjs.[b]src = "swf url source";[/b][/quote]
Jadi yg ingin saya sampaikan adalah Replacement Modules, Fungsi getElementBy, and CreateElement dapat dikombinasikan menjadi satu.
That's all for now. Saya akan update lagi klo menemukan hal2 yang baru.
|
- _indra_kurniawan_13
- » FTalkFreak
- 1922
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[spoiler] [b]cuma mau shere[/b] [/spoiler]
test...
shere tentang tooltips di enter page
btw dagh ada blum..? 
nih tricknya
[quote]1.pertama - tama kita download code ini http://13051991.fileave.com/indratooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]htmltooltips.js[/b]
lalu upload degh ke hostingan kamu 
2. download code ini http://13051991.fileave.com/tooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]jquery-1.2.2.pack.js[/b]
lalu upload degh ke hostingan kamu
[spoiler]<script type="text/javascript" src="[b]jquery-1.2.2.pack.js[/b]"></script>
<style type="text/css">
div.htmltooltip{
position: absolute;
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}
</style>
<script type="text/javascript" src="[b]htmltooltip.js[/b]">
/***********************************************
* Inline HTML Tooltip script- by JavaScript Kit (http://www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>[/spoiler]
perhatikan yang indra tebelin di atas.. itu edit dengan url jquery-1.2.2.pack.js dan htmltooltips punya kamu
taro script ini di dalam tag [b]<head>[/b] atau dibawah tulisan <head> di html kamu.
nex step : penerapan tooltipsnya :idea:
perkatikan code ini...
[quote]<p align="left">"<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[b]sebenernya[/b]</a> saya sangatlah cupu di sini, ."</p>[/quote]
kata sebenarnya itu tempat munculnya tooltips
dan liat ini
[quote]<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[/quote]
yang bisa di edit itu linknya ..
setelah itu masukin dibawahnya
[quote]<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>[/quote]
nah code ini untuk objek yang ada di dalam tooltips tersebut..
contoh code body yang udah jadi
[quote][spoiler]
<p align="left">"<a href="http://en.wikipedia.org/wiki/RSS_(file_format)" rel="htmltooltip">sebenernya</a> saya sangatlah cupu di sini, <a href="http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml" rel="htmltooltip">tapi</a>saya sangat benci sama yang namanya sombong dan orang2 yang sangad2 sok pintar.. tapi nyatanya 0 alias null ,, cuma gitu2 doang.. hahaha..<a href="http://www.javascriptkit.com/dhtmltutors/googleajaxfeed.shtml" rel="htmltooltip"> jadi sekarang saya LEBIH BAIK DIAMM</a>."</p>
<!--Inline HTML Tooltips (DIV with class="htmltooltip"-->
<!--Matched up with anchor links with rel="htmltooltip" and in the order they appear within page's source-->
<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>
<div class="htmltooltip">saya di sini slalu bersabar</div>
<div class="htmltooltip">walaupun saaya slalu di kucilkan.. saya tetep semangat</div>[/quote]
[/spoiler]
di simpan di dalam tag <body> [/quote]
preview http://13051991.fileave.com/indra_code.html
credits by: java script kit
shere tentang tooltips di enter page
btw dagh ada blum..?
nih tricknya
[quote]1.pertama - tama kita download code ini http://13051991.fileave.com/indratooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]htmltooltips.js[/b]
lalu upload degh ke hostingan kamu
2. download code ini http://13051991.fileave.com/tooltips.js
buka notepad dan paste code tadi ke notepad
trus save dengan nama [b]jquery-1.2.2.pack.js[/b]
lalu upload degh ke hostingan kamu
[spoiler]<script type="text/javascript" src="[b]jquery-1.2.2.pack.js[/b]"></script>
<style type="text/css">
div.htmltooltip{
position: absolute;
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}
</style>
<script type="text/javascript" src="[b]htmltooltip.js[/b]">
/***********************************************
* Inline HTML Tooltip script- by JavaScript Kit (http://www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
</script>[/spoiler]
perhatikan yang indra tebelin di atas.. itu edit dengan url jquery-1.2.2.pack.js dan htmltooltips punya kamu
taro script ini di dalam tag [b]<head>[/b] atau dibawah tulisan <head> di html kamu.
nex step : penerapan tooltipsnya :idea:
perkatikan code ini...
[quote]<p align="left">"<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[b]sebenernya[/b]</a> saya sangatlah cupu di sini, ."</p>[/quote]
kata sebenarnya itu tempat munculnya tooltips
dan liat ini
[quote]<a href="http://profiles.friendster.com/theuyunks" rel="htmltooltip">[/quote]
yang bisa di edit itu linknya ..
setelah itu masukin dibawahnya
[quote]<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>[/quote]
nah code ini untuk objek yang ada di dalam tooltips tersebut..
contoh code body yang udah jadi
[quote][spoiler]
<p align="left">"<a href="http://en.wikipedia.org/wiki/RSS_(file_format)" rel="htmltooltip">sebenernya</a> saya sangatlah cupu di sini, <a href="http://www.javascriptkit.com/dhtmltutors/ajaxticker/index.shtml" rel="htmltooltip">tapi</a>saya sangat benci sama yang namanya sombong dan orang2 yang sangad2 sok pintar.. tapi nyatanya 0 alias null ,, cuma gitu2 doang.. hahaha..<a href="http://www.javascriptkit.com/dhtmltutors/googleajaxfeed.shtml" rel="htmltooltip"> jadi sekarang saya LEBIH BAIK DIAMM</a>."</p>
<!--Inline HTML Tooltips (DIV with class="htmltooltip"-->
<!--Matched up with anchor links with rel="htmltooltip" and in the order they appear within page's source-->
<div class="htmltooltip">saya sangan benci member friendstertalk yang sok jago !! dan sombonk</div>
<div class="htmltooltip">saya di sini slalu bersabar</div>
<div class="htmltooltip">walaupun saaya slalu di kucilkan.. saya tetep semangat</div>[/quote]
[/spoiler]
di simpan di dalam tag <body> [/quote]
preview http://13051991.fileave.com/indra_code.html
credits by: java script kit
|
- metropolix
- » FTalkAgent
- 2341
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[hr][hr][hr]
[align=center][quote][b]RAINBOW LINK[/b][/quote]
[/align]
[hr][hr]
[b]Description[/b]
[align=center]
[quote]Kode ini membuat semua link berganti warna ketika di hover [/quote]
[/align]
[hr][hr]
[b]Code[/b]
[spoiler][quote]<">[/quote]
[/spoiler]
[hr][hr][hr][hr]
[b]Note[/b]
[quote]save di bagian [b]C[/b] atau bisa jugak di buat JS tersendiri atau di inject [/quote]
[hr][hr][hr][hr][hr][hr][hr][hr][hr]
[/quote]
[/align]
[hr][hr]
[b]Code[/b]
[spoiler][quote]<">[/quote]
[/spoiler]
[hr][hr][hr][hr]
[b]Note[/b]
[quote]save di bagian [b]C[/b] atau bisa jugak di buat JS tersendiri atau di inject [/quote]
[hr][hr][hr][hr][hr][hr][hr][hr][hr]
Last edited by metropolix (2008-09-02 21:41:17)
|
- teguh0203
- » FTalkAgent
- 2408
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
daripada menuh2in thread gue mo share disini aja ah..
:idea:[b]credits:[/b][url=http://www.javascriptkit.com/cutpastejava.shtml]javascriptkit[/url]
[b]auto refresh bisa diatur waktunya[/b]
ni kopas ke bagian A/C [spoiler]/*
Auto Refresh Page with Time script
By JavaScript Kit (javascriptkit.com)
Over 200+ free scripts here!
*/
//enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds should range from [b]0 to 59[/b]
var limit="[b]0:30[/b]"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
else
curtime=cursec+" seconds left until page refresh!"
window.status=curtime
setTimeout("beginrefresh()",[b]1000[/b])
}
}
window.onload=beginrefresh[/spoiler]
atur yang dbold
[b]menghentikan error dstatus bar[/b]
langsung aja kopas kebagian C <">atogak bisa cobain ini <">[b]credits:[/b][i]ezil2007[/i]
[b]auto refresh bisa diatur waktunya[/b]
ni kopas ke bagian A/C [spoiler]/*
Auto Refresh Page with Time script
By JavaScript Kit (javascriptkit.com)
Over 200+ free scripts here!
*/
//enter refresh time in "minutes:seconds" Minutes should range from 0 to inifinity. Seconds should range from [b]0 to 59[/b]
var limit="[b]0:30[/b]"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+" minutes and "+cursec+" seconds left until page refresh!"
else
curtime=cursec+" seconds left until page refresh!"
window.status=curtime
setTimeout("beginrefresh()",[b]1000[/b])
}
}
window.onload=beginrefresh[/spoiler]
atur yang dbold
[b]menghentikan error dstatus bar[/b]
langsung aja kopas kebagian C <">atogak bisa cobain ini <">[b]credits:[/b][i]ezil2007[/i]
Last edited by teguh0203 (2008-08-17 22:36:58)
|
- _Qq Gunners_
- » FTalkWhiz
- 2777
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[align=center][b]HISTORY ALERT[/b][/align]
[b]Description[/b]
[quote]semua gw mw bagi2 code nih ttg alert[/quote]
[b]Code[/b]
<">TARO DI BAG a
alternatif
<">note! (utk kode di atas)
harus punya script tooltips
harus ada script (var times=history.length) tanpa tanda kurung di js
[b]Note[/b]
[quote]kadang kadang angkanya suka berubah[/quote]
harus punya script tooltips
harus ada script (var times=history.length) tanpa tanda kurung di js
[b]Note[/b]
[quote]kadang kadang angkanya suka berubah[/quote]
|
- adhie46
- » FTalkAddict
- 306
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
satu kolom Update By Feruzz
__________________________________
aktiv di IE 6, IE 7, Firefox, Opera 9, Safari 3.0
nie scriptnya paste di bagian A
[spoiler]/**
* One Column Friendster Profile (Pure DOM)
* Copyright 2008 by FeRuZZ © http://profiles.friendster.com/feruzz
* In Cooperation with FriendsterTalk @ http://theftalk.com
* Timestamp: June 02, 2008
* Browser Compatibility: IE6, IE7, Firefox 2, Firefox 3, Opera 9, Safari 3.0
**/
/*global oColumn, attachOnLoadHandler, window, document*/
if (!attachOnLoadHandler(function () {
oColumn.init();
})) {
window.onload = function () {
oColumn.init();
};
}
(function () {
oColumn = {
$width: "[b]630px[/b]", //Default width
$IE: /*@cc_on!@*/false, //IE
init: function () {
var tableleft = oColumn.$$("ltd", "td")[0].getElementsByTagName("ul")[0];
var tableright = oColumn.$$("rtd", "td")[0].getElementsByTagName("ul")[0];
var ctrlpnl = oColumn.$$("commonbox controlpanel", "div")[0];
if (!oColumn.$IE) {
tableleft.parentNode.parentNode.parentNode.appendChild(tableright);
} else { //Fixed for IE
ctrlpnl.parentNode.parentNode.appendChild(tableright);
}
var tabledata = document.getElementsByTagName("td")[0].getElementsByTagName("img"), x = 0;
while (x < tabledata.length) {
if (tabledata[x].src === "http://images.friendster.com/images/spacer.gif") {
tabledata[x].style.display = "none";
}
x += 1;
}
var tableparent = oColumn.$$("commonbox", "div"), y = 0;
while (y < tableparent.length) {
tableparent[y].style.width = oColumn.$width;
y += 1;
}
try {
var removeads = oColumn.$$("standalonebox ads", "div")[0];
removeads.style.display = "none";
var banner = document.getElementById("banneradrow");
banner.style.display = "none";
} catch (e) {}
},
$$: function (strClass, nodeName, pElem) {
nodeName = nodeName || "*";
pElem = pElem || document;
var objElm = pElem.getElementsByTagName(nodeName);
if (!objElm.length && nodeName === "*" && pElem.all) {
objElm = pElem.all;
}
var results = [];
var delim = strClass.indexOf("|") !== -1 ? "|": " ";
var rClass = strClass.split(delim);
for (var i = 0, j = objElm.length; i < j; i += 1) {
var rObjClass = objElm[i].className.split(" ");
if (delim === " " && rClass.length > rObjClass.length) {
continue;
}
var c = 0;
comparisonloop:
for (var k = 0, l = rObjClass.length; k < l; k += 1) {
for (var m = 0, n = rClass.length; m < n; m += 1) {
if (rClass[m] === rObjClass[k]) {
c += 1;
}
if ((delim === "|" && c === 1) || (delim === " " && c === rClass.length)) {
results.push(objElm[i]);
break comparisonloop;
}
}
}
}
return results;
}
};
})();[/spoiler]
yg di bold edit sesukamu
ini previewnya::::
[url]http://profiles.friendster.com/41772112[/url]
ayo beri diriku REPU 
|
- emolovers
- » n00b
- 91
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
mantabh degh pokoknya...........!
maju terus anak FT'I...........!
[align=center]nEwBi [/align]
wkwkwkwkwkwkwkwkwkwk
hehehehehehehehehehheh
hahahahahahhahahahahah
emolovers
fs:dhie_rha_cwo@emo.community
ym :dira_the
email :dira_the@yahoo.com
ym :dira_the
email :dira_the@yahoo.com
|
- bleng16
- » n00b
- 3
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
kk2 toLong dperjeLas..
masing2 js na d copy d bagian mana?? (A, B, ato C)
msh binun neh:(
|
- rooneyglory10
- » n00b
- 41
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
nanya dunk kk,,
knp ya d fs saya cuma bisa jalan salah satu script aja??
g bisa jalan sekaligus semuanya...
|
- dj_afran
- » FTalkAgent
- 2005
- 0
- 1969-12-31
Re: [hr][hr] [align=center][b]FYI.[/b] Thread ini udah lama beud sbnr nya. Cuma skrg gw rapihin aja. Biar lebih enak di liat dan gampang di cari. Dan gw minta maap sblm nya buat member yg postingan nya mu
[b][align=center][quote]Search Input Value[/quote]
[/align][/b]
[b]Description :[/b]
[quote]Tulisan ada di form search sebelum di ketik...[/quote]
Code:
[spoiler]//search input dj_afran
searchinput.value="[b]Hi... "+pageViewerFName+"[/b]" ;[/spoiler]
|