[b]strezzpc Wrote[/b]
[quote]Udah bener bro
[/quote]
yang ini aku udah simpan di C
[spoiler]/* FLOATING OBJECT (SHAKIRO214) ----------------------------- */
dude="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><div id='mainpic'></div></div>";
flow=document.getElementById('flo_wrapper');
river=document.createElement("div");
river.innerHTML=dude;
flow.parentNode.insertBefore(river,flow);
//in this part you can change it into "frombottom" or "fromtop"
var verticalpos="frombottom"
function BoyantDiv()
{
var startX = 15;
var startY = 170;
function ml(id)
{
if (document.getElementById)
{
var wek=document.getElementById(id);
}
else if (document.all)
{
var wek=document.all[id];
}
else
{
var wek=document.layers[id];
}
if(document.layers)
{
wek.style=wek;
}
wek.sP = function(x,y) {shino(x,y);};
function shino(x,y)
{
wek.style.left=x;
wek.style.top=y;
}
wek.x = startX;
if (verticalpos=="fromtop")
{
wek.y = startY;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
wek.y = pageYOffset + innerHeight;
}
else
{
wek.y = document.body.scrollTop + document.body.clientHeight;
}
wek.y -= startY;
}
return wek;
}
window.stayTopLeft = function () {boyant();};
function boyant()
{
if (verticalpos=="fromtop"){
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset;
}
else
{
var tenten = document.body.scrollTop;
}
ftlObj.y += (tenten + startY - ftlObj.y)/8;
}
else{
if (navigator.appName.indexOf("Netscape") != -1)
{
var tenten = pageYOffset + innerHeight;
}
else
{
var tenten = document.body.scrollTop + document.body.clientHeight;
}
ftlObj.y += (tenten - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
wakoko=setTimeout("stayTopLeft()", 50);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
BoyantDiv();
/* VISITOR PICTURE (FERUZZ) --------------------------------- */
if (!attachOnLoadHandler(function(){viewer();})) window.onload = function(){viewer();};
function viewer() {
if(pageViewerID!="") VIEWERPIC.init();
}
function spawnImage(mypic) {
if (!mypic) {
VIEWERPIC.getCode();
return;
}else {
for (val in VIEWERPIC.info) {
try {
VIEWERPIC.getPhoto = new RegExp(VIEWERPIC.regexp[val]).exec(mypic)[1].replace(/(\d)+?/i,"$1");
document.getElementById("mainpic").innerHTML = VIEWERPIC.getPhoto;
}
catch(e) {
VIEWERPIC.getPhoto = "";
document.getElementById("mainpic").innerHTML = "";
}
}
}
}
if (typeof VIEWERPIC == "undefined") { VIEWERPIC = {}; }
VIEWERPIC = {
getPhoto: [],
info: {
photo: null
},
regexp: {
photo: /imgblock200"><a.*?>((.|\s)+?)<\/a><\/div>/
},
init: function() {
if(document.getElementById("mainpic") != null) {
this.ajaxRequest("/user.php?uid="+pageViewerID,"spawnImage",null);
}
},
ajaxRequest: function(url,ajaxfunc,handler) {
if(handler) {
handler = ","+handler;
}
else handler = "";
var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP");
if(ajaxfunc) {
eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+ajaxfunc+"(httprequest.responseText"+handler+");}}");
}
httprequest.open('GET', url, true);
httprequest.send(null);
}
};
});
[b]/****************************************
Shake image script (onMouseover)-
© Dynamic Drive (
www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit
http://dynamicdrive.com
*****************************************/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
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
}
function shakedapic(boxid,kelipatan){
/*
IMAGES SHAKER by nopathz :
*/
var img2shake=document.getElementById("content_"+boxid).getElementsByTagName("img");
if (kelipatan==null) kelipatan=1;
for (i=0;i<img2shake.length;i=i+kelipatan) {
getsrc=img2shake[i].getAttribute("src");
dosrc=document.getElementById("content_"+boxid).getElementsByTagName("a")[i];
img2shake[i].parentNode.innerHTML="<img src='"+getsrc+"' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>";
}
}
divpicutama=getElementByClassName("imgblock200")[0];
apicutama=divpicutama.getElementsByTagName("a")[0];
srcpicutama=divpicutama.getElementsByTagName("img")[0].getAttribute("src");
apicutama.innerHTML="<img src='"+srcpicutama+"' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>";
function getElementByClassName(sClass) {
var elm = [];
var els = document.getElementsByTagName("*") || document.all;
for (var j=0,k=els.length;j<k;j++) {
if (new RegExp(sClass).test(els[j].className))elm.push(els[j]);
}
return elm;
}
shakedapic("1");[/b][/spoiler]
Lalu ini Aku udah simpan di js aku bagian B...
[spoiler]//onload handler
function onProfileLoad() {
addBox("RIGHT",pageOwnerFName+"\'s Visitors",TRACKER.div.innerHTML,"tracker",null);
}
shakedapic("2"); // untuk friend
shakedapic("7"); // untuk fan
shakedapic("8"); // untuk group[/spoiler]
Lalu ini aku simpan di file Css aku.....
[spoiler]#mainpic img {
height: 95px;
width: 95px;
border: 2px #000000 solid;
}
[b].shakeimage{
position:relative;
}[/b]
.commonbox h1{color:transparent; text-align:center; font-size:12px; height:30px; width:auto; background-image:url(http://i530.photobucket.com/albums/dd349/share_layout/BD/titlebar.png); background-attachment:scrolling; background-position:center center; repeat-x center left; border-bottom:transparent 2px double}
.commonbox h2{color:transparent; text-align:center; font-size:12px; height:30px; width:auto; background-image:url(http://i530.photobucket.com/albums/dd349/share_layout/BD/titlebar.png); background-attachment:scrolling; background-position:center center; repeat-x center left; border-bottom:transparent 2px double}
img{opacity:1; filter:alpha(opacity=100)}
a:hover img{opacity:.50; filter:alpha(opacity=50,style=2)}
.scrapbook{display:none; background:transparent}
{transparent shoutout}
.controlpanel .so{margin:0 -20px 10px 0; width:257px; position:relative; background:url() repeat-y top left; color:#FFF; font-weight:bold}
.controlpanel .so a{color:#FFF}
.controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox{padding:7px 7px 5px 7px; margin:0}
.controlpanel .so div#cpShoutoutEditBox{display:none}
.controlpanel .sol{position:absolute; left:-5px; top:8px; width:6px; height:11px; background:url() no-repeat}
.controlpanel .sob{width:257px; height:2px; background:url() no-repeat; line-height:0; font-size:0}
.banner_ad_fix{display:none}
#controlpanelbuttons a{width:202px!important}
#logo{display:none; background:transparent}
#controlpanelbuttons{width:auto!important}
#search{display:none; background:transparent}
#search form{display:none; background:transparent}
#controlpanelbuttons a{width:180px!important; background-image:url(http://i530.photobucket.com/albums/dd349/share_layout/BD/titlebar.png)!important; repeat-x center left; background-attachment:fixed; background-position:center center; height:18px!important; border-width:1px!important; border-color:white!important; border-style:solid!important}
.meettrail{display:none; background:transparent}
.user_tracker{border-width:2px; border-color:#FFF!important; border-style:solid!important; -moz-border-radius:10px!important}
.commonbox{border-width:3px; border-color:#fff!important; border-style:solid!important; -moz-border-radius:10px!important}
.user_tracker, a:link{font-family:Arial,Sans-serif; color:#fff; background-color:transparent}
#content_14{display:none!important}
#reportabuse{display:none}
#marketing_bg{display:none; background:transparent}
.controlpanel a.more{display:none}
#subnav{display:none}
#mainnav, #mainnav .left, #mainnav .right{display:none}
#navdivider{display:none}
#navigation{display:none}
.content_moreabout_1_5{ padding:2px 2px 2px 2px; overflow:auto; width:510PX; height:200px; background-image:url(); background-attachment:fixed; background-position:center; background-repeat:repeat}
.commonbox{ background-color:transparent; background-image:url('http://i530.photobucket.com/albums/dd349/share_layout/BD/Untitled-4.png'); background-repeat:repeat}
body{border-style:groove; border-top-color:#000; border-bottom-color:#000; border-left-color:#000; border-right-color:#000; border-top-width:20px; border-bottom-width:20px; border-left-width:20px; border-right-width:20px}
#spawnpic img{ height:100px; width:100px; border:2px #fff solid; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-border-radius:10px; -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5}
#spawnpic a:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-border-radius:10px; -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0}
body{ background-image:url(http://i299.photobucket.com/albums/mm307/nuansa_album/BackGround/backPInk.png); background-position:center center; background-repeat:no-repeat; background-color:#000; background-attachment:fixed; cursor:}
.usercontent{font-family:helvetica; color:#FFF; text-transform:lowercase}
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active{color:#FFF; text-decoration:line-through; text-transform:lowercase}
.usercontent a:hover{color:#B22222; text-decoration:underline; text-transform:lowercase}
.commonbox{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.commonbox .evenrow{background-color:transparent}
.commonbox h1, .commonbox h2{font-family:helvetica; color:#FFFFF0; text-transform:uppercase; background-color:transparent}
.controlpanel{border-width:2px; border-color:#000; border-style:ridge; background-color:transparent}
.controlpanel .imgblock200{border-color:#fff; border-width:2px; border-style:inset}
.controlpanel .q{font-family:comic; color:#FFFFF0; text-transform:}
.controlpanel .data{font-family:comic; color:#FFFFF0; text-transform:ulowercase}
.data a{font-family:comic; color:#FFFFF0; text-transform:lowercase}
a.more{font-family:comic; color:#FFFFF0; text-transform:lowercase}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited{font-family:comic; color:#000; border-color:#000; border-style:solid; border-width:1px; background-color:transparent; text-transform:lowercase; text-decoration:$ cpbtextdecoration}
#controlPanelButtons a:hover{font-family:comic; color:#FF7F50; border-color:#FF7F50; border-style:solid; border-width:1px; background-color:#000; text-transform:lowercase; text-decoration:none}
.moreabout{border-width:2px; border-color:#FF7F50; border-style:ridge; background-color:transparent}
.photos{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.friends{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.videos{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.groups{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.testimonials{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.testimonialscomments{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.scrapbook{border-width:2px; border-color:#FF7F50; border-style:ridge; background-color:transparent}
.fanof{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.myfans{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.reviews{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.blogs{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.blogsreviews{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent}
.commonbox .imgblock75, .ir{border-width:2px; border-color:transparent; border-style:dotted; background-color:transparent}
.commonbox .dr{font-family:comic; color:#FFFFF0; text-transform:lowercase; background-color:transparent}
.data{font-family:helvetica; color:#FFFFF0; text-transform:lowercase}
.commonbox .viewall{font-family:helvetica; color:#FFFFF0; text-transform:lowercase}[/spoiler]
Tapi Fs aku kok ngak jalan????
Nich
http://profiles.friendster.com/adietchakept