[img]http://cowo.bedon.googlepages.com/busur.png[/img] [b][url=http://cowo.bedon.googlepages.com/FS.htm]PREVIEW[/url][/b]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] pertama taruh code ini di bagian C sesuai referensi bang kanal
[spoiler]var rector=3
var stopit=0
var a=1
function initshake(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=
){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}[/spoiler]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] dan ini taruh di bagian B
[spoiler]// FRIENDS THUMBNAILS
var puputu="<br><div align='center' class='gallerycontainer'>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 1[/b]\"><img src=\"[b]URL PHOTO TEMAN 1[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 1[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 1[/b]<br><hr>[b]CAPTION TEMAN 1[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 2[/b]\"><img src=\"[b]URL PHOTO TEMAN 2[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 2[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 2[/b]<br><hr>[b]CAPTION TEMAN 2[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 3[/b]\"><img src=\"[b]URL PHOTO TEMAN 3[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 3[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 3[/b]<br><hr>[b]CAPTION TEMAN 3[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 4[/b]\"><img src=\"[b]URL PHOTO TEMAN 4[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 4[/b]\" width=\"170px\" height=\"200px\" />[b]NAMA TEMAN 4[/b]<br><hr>[b]CAPTION TEMAN 4[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 5[/b]\"><img src=\"[b]URL PHOTO TEMAN 5[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 5[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 5[/b]<br><hr>[b]CAPTION TEMAN 5[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 6[/b]\"><img src=\"[b]URL PHOTO TEMAN 6[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 6[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 6[/b]<br><hr>[b]CAPTION TEMAN 6[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 7[/b]\"><img src=\"[b]URL PHOTO TEMAN 7[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 7[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 7[/b]<br><hr>[b]CAPTION TEMAN 7[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 8[/b]\"><img src=\"[b]URL PHOTO TEMAN 8[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 8[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 8[/b]<br><hr>[b]CAPTION TEMAN 8[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 9[/b]\"><img src=\"[b]URL PHOTO TEMAN 9[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 9[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 9[/b]<br><hr>[b]CAPTION TEMAN 9[/b]<hr></span></a>"+
"<a class=\"thumbnail\" href=\"?uid=[b]UID FS TEMAN 10[/b]\"><img src=\"[b]URL PHOTO TEMAN 10[/b]\" class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()' width=\"75px\" height=\"75px\" border=\"0\" /><span><img src=\"[b]URL PHOTO TEMAN 10[/b]\" width=\"170px\" height=\"200px\" /><br>[b]NAMA TEMAN 10[/b]<br><hr>[b]CAPTION TEMAN 10[/b]<hr></span></a><br>"+
"<input type=\"button\" value=\"= View all =\" onClick=\"top.location.href='http://www.friendster.com/friends/[b]UID FS KAMU[/b]'\" class=\"tingali\"></div><br><br>"+
"</div><br/><br/>";
addBox("LEFT","My friends",puputu,"bologetoo","6");[/spoiler]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] edid yg di [b]bold[/b] dan addBoxnya sesuain ama addbox kalian
[img]http://cowo.bedon.googlepages.com/busur.png[/img] [b]dan buat [color=#ff0000]CSS[/color]nya ada 3 pilihan[/b]
[li]kalo yg ada d pripiu CSSnya yg ini[/li]
[spoiler]/* friend thumbnails */
.gallerycontainer{
position: relative;
width:190px;
height:420px;
}
.thumbnail img{
border: none;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border:none;
}
.thumbnail span{
position: absolute;
width:176px;
height:360px;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 2px solid #3EBF05;
-moz-border-radius: 10px;
visibility: hidden;
color: #3EBF05;
font-weight: bold;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 250px;
z-index: 50;
}
.tingali{
border-top: 1px #3EBF05 outset;
border-left: 1px #3EBF05 outset;
border-right: 1px #3EBF05 outset;
border-bottom: 1px #3EBF05 outset;
background-color: #F5F204;
color: #3EBF05;
font-weight: bold;
margin: 3px;
padding: 0px 3px;
}
.tingali:hover{
background-color: #3EBF05;
color: #cccccc;
font-weight: bold;
margin: 3px;
padding: 0px 3px;
}
.shakeimage{
position:relative;
}[/spoiler]
[li]kalo yg kea skrinsut ini[/li]
[spoiler][img]http://img261.imageshack.us/img261/116/shotqd1.jpg[/img][/spoiler]
[li]CSSnya yg ini[/li]
[spoiler]/* friend thumbnails */
.gallerycontainer{
position: relative;
width:auto;
height:190px;
margin-top:270px;
}
.thumbnail img{
border: none;
margin: 0 5px 5px 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border:none;
}
.thumbnail span{
position:absolute;
width:176px;
height:250px;
background-color:transparent;
padding: 5px;
border:2px solid #3EBF05;
-moz-border-radius:10px;
visibility:hidden;
color:#3EBF05;
font-weight:bold;
text-decoration:none;
}
.thumbnail span img{
border:none;
padding:2px;
}
.thumbnail:hover span{
visibility: visible;
top: -280px;
left: 140px;
z-index: 50;
}
.tingali{
border-top: 1px #3EBF05 outset;
border-left: 1px #3EBF05 outset;
border-right: 1px #3EBF05 outset;
border-bottom: 1px #3EBF05 outset;
background-color: #F5F204;
color: #3EBF05;
font-weight: bold;
margin: 3px;
padding: 0px 3px;
}
.tingali:hover{
background-color: #3EBF05;
color: #cccccc;
font-weight: bold;
margin: 3px;
padding: 0px 3px;
}
.shakeimage{
position:relative;
}[/spoiler]
[li]n kalo yg kea skrinsut ini[/li]
[spoiler][img]http://img372.imageshack.us/img372/1985/bawpf9.jpg[/img][/spoiler]
[li]CSSnya yg ini nih[/li]
[spoiler]/* friend thumbnails */
.gallerycontainer {
position: relative;
width:auto;
height:190px;
margin-bottom:270px;
}
.thumbnail img {
border: none;
margin: 0 5px 5px 0;
}
.thumbnail:hover {
background-color: transparent;
}
.thumbnail:hover img {
border:none;
}
.thumbnail span {
position:absolute;
width:176px;
height:250px;
background-color:transparent;
padding: 5px;
border:2px solid #3EBF05;
-moz-border-radius:10px;
visibility:hidden;
color:#3EBF05;
font-weight:bold;
text-decoration:none;
}
.thumbnail span img {
border:none;
padding:2px;
}
.thumbnail:hover span {
visibility: visible;
top: 200px;
left: 140px;
z-index: 50;
}
.tingali {
border-top: 1px #3EBF05 outset;
border-left: 1px #3EBF05 outset;
border-right: 1px #3EBF05 outset;
border-bottom: 1px #3EBF05 outset;
background-color: #F5F204;
color: #3EBF05;
font-weight: bold;
margin: 3px;
padding: 0px 3px;
}
.tingali:hover {
background-color: #3EBF05;
color: #cccccc;
font-weight: bold;
margin: 3px;
padding: 0px 3px;
}
.shakeimage {
position:relative;
}[/spoiler]
[li]pilih salah 1 aja yg buat CSSnya
[/li]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] binun dgn bagian A B C itu d mana silahkan [url=http://theftalk.com/t15339.html]KESINI[/url]
[li]dah sgitu sajah semoga berkenan
[sup]/*[/sup][/li]
[li]piss
love
n mingkem [sup]*\
/[img]http://cowo.bedon.googlepages.com/BRI.gif[/img][/sup]
[/li]
Last edited by Co_don SanAdH (2008-07-21 02:56:06)
ijin pkai dulu kk ipar
klok gak jelas entar andy balik lagi disni
oh ya kapan tuh navigasi na di share kk ipar
kyak na keren tuh navigasi na
thx for sharing kk ipar doni 

knapa gag d share
ebadh euy
[b]@ andy[/b]
siipp ndy
ahiak ahiak navigasinya
ntar deh
Last edited by Co_don SanAdH (2008-05-07 11:51:17)

okeh gutlak :rose:
[b]@ anoer[/b]
iap bro simple bgt
wew dongkrak dah bikin thread lagi.........

alkamdulillah...wasyukurilah...wanikmatilah...kalo ada tambahilah
[b]si donald cucud[/b] bikin thread lagi...
minjem code na iah don...
gratis khan
ijoli godong gedang yoh
[quote=Ladeva XIII]Keren Don 
[/quote]
sekalian tambahin jumlah musuh pak
Last edited by sekya (2008-05-07 12:38:54)

om kriss : bisa om....tambahin aja sebanyak2nye...
jgn kebanyakn ye ntar penuh tu profilnye ama foto frendnye
. Takut udach ada
Last edited by Co_don SanAdH (2008-05-07 13:23:28)
. Ok dech
. Itu juga gw dach tau

[/quote]
sekalian tambahin jumlah musuh pak
[/quote]
[quote=__LaNgaLoNe__]
om kriss : bisa om....tambahin aja sebanyak2nye...
jgn kebanyakn ye ntar penuh tu profilnye ama foto frendnye
[/quote]
Ampun deh, ne orang mang pada #### 


[quote=Co_don SanAdH]@ Ladeva XIII
bisa kok khris tapi d CSSnya harus di edid lagi buat ngatur widht heightnya
tadinya itu ada 10 cuma gw ubah lagi biar pas hover poto yg gede gag ngalingin poto yg kecil
di FS gw yg INI tuh code pertamanya
[/quote]
Seep Don, makasih dah dijelasin 
[img]http://theftalk.com/img/warn_add.gif[/img] [b]1[/b] Last edited by Ladeva XIII (2008-05-07 13:47:47)

:rose:
kalo mau pakai ntar kita bisa diskusikan di YM khris
~opp
malem ini dedew gag ol 
Last edited by Co_don SanAdH (2008-05-07 13:54:57)