Pages: 12

  2008-05-14 12:06:08

anoer
» FTalkAddict
FTalk Level: zero
467
0
1969-12-31

[b]Credit 2 :[/b] [url=http://www.dynamicdrive.com]DynamciDrive[/url] :arrow: [b]Slidenya[/b] [url=http://www.websnapr.com]websnapr[/url] :arrow: [b]previewbubblesnya[/b] [url=http://profiles.friendst

[b]Credit 2 :[/b] [url=http://www.dynamicdrive.com]DynamciDrive[/url] :arrow: [b]Slidenya[/b] [url=http://www.websnapr.com]websnapr[/url] :arrow: [b]previewbubblesnya[/b] [url=http://profiles.friendster.com/anoer]Noel[/url] :D :arrow: [url=http://profiles.friendster.com/28043635]PREPIU[/url] Langsung ke [b]TKP[/b] yuk ... :penguin: :arrow: pertama Bikin file [b]php[/b] di hostingan kamu contoh : [quote]http://h1.ripway.com/noeljelek/creditkoe.php[/quote] [spoiler] <html> <head> <title>..:: Credit Koe ::..</title> <style type="text/css"> a:link {color: #eeeeee ; text-decoration: none; font-family: Courier New;font-size:10pt;} a:visited {color: #eeeeee ; text-decoration: none; font-family: Courier New;font-size:10pt;} a:hover {color: #ff0000 ; text-decoration: underline; } a:active {color: #eeeeee ;text-decoration: underline;font-size:10pt; } </style> </head> <body bgcolor="[b]#000000[/b]" style="overflow:hidden;" text="[b]#00ff00[/b]"> </script> <script type="text/javascript"> //[b]GAMBAR ARROW KIRI DAN KANAN[/b] var goleftimage='http://i36.photobucket.com/albums/e11/anoer/oie_kiri.png' var gorightimage='http://i36.photobucket.com/albums/e11/anoer/oie_kanan.png' //[b]MENGATUR LEBAR MENU[/b] (in px): var menuwidth=300 //[b]MENGATUR TINGGI MENU[/b] (in px): var menuheight=30 //[b]SPECIFY SCROLL BUTTON[/b] ("normal" or "reverse"): var scrolldir="normal" //[b]MENGATUR KECEPATAN SCROLL[/b] (1-10), where larger is faster var scrollspeed=6 //[b]CREDITS LINK KALIAN[/b] var menucontents='<nobr><a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" [b]URL Credits Kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits Kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits Kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> | <a class="previewlink" href="[b]URL Credits kamu[/b]">[b]Credits[/b]</a> |</nobr>' ////TIDAK PERLU EDIT//////////// var iedom=document.all||document.getElementById var leftdircode='onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"' var rightdircode='onMouseover="moveright()" onMouseout="clearTimeout(righttime)"' if (scrolldir=="reverse"){ var tempswap=leftdircode leftdircode=rightdircode rightdircode=tempswap } if (iedom) document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-5000">'+menucontents+'</span>') var actualwidth='' var cross_scroll, ns_scroll var loadedyes=0 function fillup(){ if (iedom){ cross_scroll=document.getElementById? document.getElementById("test2") : document.all.test2 cross_scroll.innerHTML=menucontents actualwidth=document.all? cross_scroll.offsetWidth : document.getElementById("temp").offsetWidth } else if (document.layers){ ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2 ns_scroll.document.write(menucontents) ns_scroll.document.close() actualwidth=ns_scroll.document.width } loadedyes=1 } window.onload=fillup function moveleft(){ if (loadedyes){ if (iedom&&parseInt(cross_scroll.style.left)>(menuwidth-actualwidth)){ cross_scroll.style.left=parseInt(cross_scroll.style.left)-scrollspeed+"px" } else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth)) ns_scroll.left-=scrollspeed } lefttime=setTimeout("moveleft()",50) } function moveright(){ if (loadedyes){ if (iedom&&parseInt(cross_scroll.style.left)<0) cross_scroll.style.left=parseInt(cross_scroll.style.left)+scrollspeed+"px" else if (document.layers&&ns_scroll.left<0) ns_scroll.left+=scrollspeed } righttime=setTimeout("moveright()",50) } if (iedom||document.layers){ with (document){ write('<table border="0" cellspacing="0" cellpadding="2">') write('<td valign="middle"><a href="#" '+leftdircode+'><img src="'+goleftimage+'"border=0></a> </td>') write('<td width="'+menuwidth+'px" valign="top">') if (iedom){ write('<div style="position:relative;width:'+menuwidth+'px;height:'+menuheight+'px;overflow:hidden;">') write('<div id="test2" style="position:absolute;left:0;top:0">') write('</div></div>') } else if (document.layers){ write('<ilayer width='+menuwidth+' height='+menuheight+' name="ns_scrollmenu">') write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>') } write('</td>') write('<td valign="middle"> <a href="#" '+rightdircode+'>') write('<img src="'+gorightimage+'"border=0></a>') write('</td></table>') } } </script> <script type="text/javascript"> // Point this variable to the correct location of the bg.png file var bubbleImagePath = 'http://i36.photobucket.com/albums/e11/anoer/oie_bg2.png'; // Insert your WebSnapr developer key here - get it free on www.websnapr.com var developerKey = 'o0Sg6AVxVH36'; // TIDAK PERLU EDIT if(typeof Array.prototype.push!="function"){ Array.prototype.push=ArrayPush; function ArrayPush(_1){ this[this.length]=_1; } } function WSR_getElementsByClassName(_2,_3,_4){ var _5=(_3=="*"&&_2.all)?_2.all:_2.getElementsByTagName(_3); var _6=new Array(); _4=_4.replace(/\-/g,"\\-"); var _7=new RegExp("(^|\\s)"+_4+"(\\s|$)"); var _8; for(var i=0;i<_5.length;i++){ _8=_5[i]; if(_7.test(_8.className)){ _6.push(_8); } } return (_6); } function bindBubbles(e){ lbActions=WSR_getElementsByClassName(document,"a","previewlink"); for(i=0;i<lbActions.length;i++){ if(window.addEventListener){ lbActions[i].addEventListener("mouseover",attachBubble,false); lbActions[i].addEventListener("mouseout",detachBubble,false); }else{ lbActions[i].attachEvent("onmouseover",attachBubble); lbActions[i].attachEvent("onmouseout",detachBubble); } } } function attachBubble(_b){ var _c; if(_b["srcElement"]){ _c=_b["srcElement"]; }else{ _c=_b["target"]; } if (_c.href == undefined){ _c=_c.parentNode; } var _d=_c.href; var _e=findPos(_c)[0]+5; var _f=findPos(_c)[1]+17; var _10=document.createElement("div"); document.getElementsByTagName("body")[0].appendChild(_10); _10.className="previewbubble"; if (BrowserDetect.browser == 'Explorer') { _10.style.width="240px"; _10.style.position="absolute"; _10.style.top=_f; _10.style.zIndex=99999; _10.style.left=_e; _10.style.textAlign="left"; _10.style.height="190px"; _10.style.paddingTop="0"; _10.style.paddingLeft="0"; _10.style.paddingBottom="0"; _10.style.paddingRight="0"; _10.style.marginTop="0"; _10.style.marginLeft="0"; _10.style.marginBottom="0"; _10.style.marginRight="0"; _10.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + bubbleImagePath + "',sizingMethod='image')"; } else { _10.setAttribute("style","text-align: center; z-index: 99999; position: absolute; top: "+_f+"px ; left: "+_e+"px ; background: url("+ bubbleImagePath +") no-repeat; width: 240px; height: 190px; padding: 0; margin: 0;"); } if (BrowserDetect.browser == 'Safari' || BrowserDetect.browser == 'Konqueror' ) { var _height = _f; _10.setAttribute("style","text-align: center; z-index: 99999; position: absolute; top: "+ _height +"px ; left: "+_e+"px ; background: url("+ bubbleImagePath +") no-repeat; width: 240px; height: 190px; padding: 0; margin: 0;"); } var img=document.createElement("img"); _10.appendChild(img); if (BrowserDetect.browser == 'Explorer') { img.style.paddingTop="0"; img.style.paddingLeft="0"; img.style.paddingBottom="0"; img.style.paddingRight="0"; img.style.margin="auto"; img.style.marginTop="10px"; img.style.marginLeft="10px"; img.style.marginBottom="0"; img.style.marginRight="0"; img.style.borderTop="0"; img.style.borderLeft="0"; img.style.borderBottom="0"; img.style.borderRight="0"; } else { img.setAttribute("style","padding-top: 0; padding-left: 0; padding-right: 120; padding-bottom: 0; margin-top: 11px; margin-left: 0px; margin-bottom: 0; margin-right: 0; border: 0"); } img.setAttribute("src","http://images.websnapr.com/?key=" + encodeURIComponent(developerKey) + "&url="+_d); img.setAttribute("width",110); img.setAttribute("height",80); img.setAttribute("alt","Snapshot"); } function detachBubble(_12){ lbActions=WSR_getElementsByClassName(document,"div","previewbubble"); for(i=0;i<lbActions.length;i++){ lbActions[i].parentNode.removeChild(lbActions[i]); } } if(window.addEventListener){ addEventListener("load",bindBubbles,false); }else{ attachEvent("onload",bindBubbles); } function findPos(obj){ var _14=curtop=0; if(obj.offsetParent){ _14=obj.offsetLeft; curtop=obj.offsetTop; while(obj=obj.offsetParent){ _14+=obj.offsetLeft; curtop+=obj.offsetTop; } } return [_14,curtop]; } var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [ { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari" }, { prop: window.opera, identity: "Opera" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" } ], dataOS : [ { string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.platform, subString: "Linux", identity: "Linux" } ] }; BrowserDetect.init(); </script> </body> </html> [/spoiler] Panjang banget ya .... :cry: edit seperlunya sesuaikan dengan layout kalian simpan code panjang di atas dengan extensi [b]php[/b] Kemudian Copas code di bawah ini ke dalam JS kalian di bagian [b]A[/b] [quote]menoer=" <div id='menoer' class='commonbox menoer'><div id='content_menoer'><div align='center'><iframe style='allowtransparency='true' frameborder=0 width='100%' height='120' src=[b]'URL php kamu'[/b]></iframe></div>"; var hb = document.getElementById[b]('10')[/b]; var jbx = document.createElement("li"); jbx.innerHTML=menoer; hb.parentNode.insertBefore(jbx,hb);[/quote] Lihat bagian yg dicetak tebal, itu adalah penempatan posisi box [b]('10')[/b] penempatannya di bawah media box (seperti yang kalian liat di prepiu) [b]('0')[/b] penempatannya di atas control panel :arrow: Langkah terakhir Masukan code di bawah ini ke dalam [b]css[/b] kalian [spoiler] #menoer{position:relative; overflow:auto; border:none;} :arrow: [b]di bawah ini css untuk profile satu kolom[/b] #menoer{position:relative; left:160px!important; overflow:auto; width:490px; border:none;} [/spoiler] Selamat Mencoba ... :) n Moga berhasil... :) Sorry ya ... !!! klo ada kesalahan dalam posting ini :) [color=blue]Special Tengs 2[/color] [b]q_ka[/b] =)

Last edited by anoer (2008-05-26 16:55:35)

Pages: 12

Board footer

© 2024 F Talk

Current time is 19:20

[ 12 queries - 0.067 second ]
Privacy Policy