[img]http://cowo.bedon.googlepages.com/busur.png[/img] [b]credits [url=http://www.dynamicdrive.com/]dynamicdrive[/url] n 6 sekawan[/b]


[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)