[quote=vhaez]woi gmn aq nak br ne mw tny gmn cara bwt CSS[/quote] sob bertanyalah dgn sopan

[quote=cursed_member]hm.... mau check js qu gag.... soalna pada ancur nh.... iah.... mau eang navigation... ama min/max kek eang tak tunjukin d atas...[/quote] yang [b]navigation[/b] pelajari yah.... kalo show hide aku lupa urlnya [b]KLIK ini yah[/b] [url]http://theftalk.com/t42406-%7BTUTORIAL%7D-Floating-Accordion-Menu-(navigation).html[/url]

[quote=kuntilanak]yang navigation pelajari yah.... kalo show hide aku lupa urlnya KLIK ini yah http://theftalk.com/t42406-%7BTUT … tion).html[/quote] hmm... ia tadi sore udah tak coba... cuman gag tampil... tutor punya om [url=http://theftalk.com/p=strezzpc]strezzpc[/url] kan.. [url=http://mcd1984.fileave.com/js/hah.js]udah tak aplikasiin di js...[/url] tapi tetp gag jadi... tulung d review.... apa da eang salah... apa da eang gag bener... ◄◄pusink mode on...►►

[quote=cursed_member]hmm... ia tadi sore udah tak coba... cuman gag tampil... tutor punya om strezzpc kan.. udah tak aplikasiin di js... tapi tetp gag jadi... tulung d review.... apa da eang salah... apa da eang gag bener... ◄◄pusink mode on...►►[/quote] [b]Pertama tama[/b] CoPas di eksternal JS dibawah ini di hosting ripway..... kasih nama [b]accordcontent.js [/b] <">lalu inject di [b]bagian A[/b] kode [b]JS injection [/b]ini [quote]//ACCORDIONT CONTENT var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "[b]URL_accordcontent.js [/b]"; document.getElementsByTagName("head")[0].appendChild(myjs);[/quote] [hr][hr][hr][hr][hr] punya mas kan belum ada kan...... coba inject yang diatas..... [hr][hr][hr][hr][hr] [b]ke dua[/b] Copas script di bawah ini taruh di [b]bagian C[/b] [spoiler]//FLOATING ACCORDION MENU floataccord="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><div class='glossymenu'>"+ "<a class='menuitem' href='http://www.friendster.com/'>Home</a>"+ "<a class='menuitem submenuheader' href='http://www.friendster.com/user.php' >My Profile</a>"+ "<div class='submenu'>"+ "<ul><li><a href='http://www.friendster.com/editprofile.php'>Edit Profile</a></li>"+ "<li><a href='http://www.friendster.com/friends.php/ID_FS_KAMU'>My Friends</a></li>"+ "<li><a href='http://www.friendster.com/photos/ID_FS_KAMU'>My Photos</a></li>"+ "<li><a href='http://www.friendster.com/messages.php'>Messages</a></li>"+ "<li><a href='http://www.friendster.com/editaccount.php'>Settings</a></li>"+ "<li><a href='http://www.friendster.com/gallery.php'>Search</a></li>"+ "<li><a href='http://www.friendster.com/widget_myapps.php'>Applications</a></li></ul>"+ "</div>"+ "<a class='menuitem submenuheader' href='http://www.friendster.com/friends.php'>My Connections</a>"+ "<div class='submenu'>"+ "<ul><li><a href='http://www.friendster.com/friends.php'>Friends</a></li>"+ "<li><a href='http://www.friendster.com/schools.php'>Schools</a></li>"+ "<li><a href='http://www.friendster.com/bookmarks.php'>Bookmarks</a></li>"+ "<li><a href='http://www.friendster.com/group/mygroup.php'>Groups</a></li>"+ "</div>"+ "<a class='menuitem submenuheader' href='http://www.friendster.com/explore.php'>Explore</a>"+ "<div class='submenu'>"+ "<ul><li><a href='http://www.friendster.com/userlist.php?list=newusers'>People</a></li>"+ "<li><a href='http://www.friendster.com/photolist.php?list=mostrecent'>Photos</a></li>"+ "<li><a href='http://www.friendster.com/video.php'>Videos</a></li>"+ "</div>"+ "<a class='menuitem submenuheader' href='http://theftalk.com'>My Credits</a>"+ "<div class='submenu'>"+ "<ul><li><a href='http://theftalk.com' target='_blank'>Friendstertalk.com</a></li>"+ "<li><a href='http://ripway.com/' target='_blank'>Ripway.com</a></li>"+ "<li><a href='http://www.myflashfetish.com/' target='_blank'>Myflashfetish.com</a></li>"+ "<li><a href='http://dynamicdrive.com/' target='_blank'>Dynamicdrive.com</a></li>"+ "<li><a href='http://www.slide.com/' target='_blank'>Slide.com</a></li>"+ "<li><a href='http://www.photobucket.com/' target='_blank'>Photobucket.com</a></li>"+ "<li><a href='http://www.cbox.ws/' target='_blank'>Cbox.ws</a></li>"+ "</div>"+ "<a class='menuitem' href='http://www.friendster.com/logout.php' style='border-bottom-width: 0'>Log Out</a>"+ "</div></div>"; flow=document.getElementById('flo_wrapper'); river=document.createElement("div"); river.innerHTML=floataccord; flow.parentNode.insertBefore(river,flow); //in this part you can change it into "frombottom" or "fromtop" var verticalpos="fromtop" function BoyantDiv() { var startX = 20; 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();[/spoiler] [b]ke tiga dan yang terakhir ......[/b] copas script ini di [b]css[/b] kamu [spoiler]/* fLoating accordiont styLe */ .glossymenu{ margin: 5px 0; padding: 0; width: 170px; /*width of menu*/ border: 1px solid #9A9A9A; border-bottom-width: 0; } .glossymenu a.menuitem{ background: black url(http://i264.photobucket.com/albums/ii20 … syback.gif) repeat-x bottom left; font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; text-align:left; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; } .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: white; } .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } .glossymenu a.menuitem:hover{ background-image: url(http://i264.photobucket.com/albums/ii20 … yback2.gif); } .glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; } .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } .glossymenu div.submenu ul li{ border-bottom: 1px solid blue; } .glossymenu div.submenu ul li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; text-align:left; text-decoration: none; padding: 2px 0; padding-left: 10px; } .glossymenu div.submenu ul li a:hover{ background: #E2EDFA; colorz: white; }[/spoiler] [hr][hr][hr][hr][hr][hr][hr][hr][hr] [quote][b]Ini tambahan buat image headernya :[/b] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossyback.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossyback2.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackblack.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackblack2.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackred.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/header/glossybackred2.gif[/img] [b]Untuk icon plus minus[/b] [img]http://i264.photobucket.com/albums/ii200/strezzpc/plus.gif[/img] [img]http://i264.photobucket.com/albums/ii200/strezzpc/min.gif[/img][/quote] [hr][hr][hr][hr][hr][hr][hr][hr][hr] semoga bisa.....

Last edited by kuntilanak (2008-09-17 10:20:14)

[quote=cursed_member]duh.... itu kodena gag kebaca.... ada eang ilang deh kekna... coz tiba2 tebel tulisan punya cc... juga di js saia sudah ada... bagian a... eang paling bawah... deket bagian b... ada eang mengacu ke accord js... di css juga sudah dilampirkan pada bagian paling bawah... kok masih lom jadi juga eah...[/quote] coba ini pindahin......... [quote]//ACCORDIONT CONTENT var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "http://mcd1984.fileave.com/js/accord.js"; document.getElementsByTagName("head")[0].appendChild(myjs);[/quote] pindahin di atas......... ini [quote]if (!attachOnLoadHandler(function () { oColumn.init(); })) { window.onload = function () { oColumn.init(); }; }[/quote] [b]contoh :[/b] [quote]//ACCORDIONT CONTENT var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "http://mcd1984.fileave.com/js/accord.js"; document.getElementsByTagName("head")[0].appendChild(myjs); if (!attachOnLoadHandler(function () { oColumn.init(); })) { window.onload = function () { oColumn.init(); }; }[/quote] ada yang salah penempatan [b]A B C[/b] seharusnya begini...... [quote]// ------------------------------------------- JS BAGIAN B if (!attachOnLoadHandler(function () { oColumn.init(); })) { window.onload = function () { oColumn.init(); }; } (function () { oColumn = { $width: "500px", //Default width $IE: /*@cc_on!@*/false, //IE init: function () { var tableleft = oColumn.$$("ltd", "td")[0].getElementsByTagName("ul")[0]; var tableright = oColumn.$$("rtd", "td")[......... [b]bla bla bla[/b][/quote]

[quote=kuntilanak]ada yang salah penempatan A B C seharusnya begini......[/quote] udah dirubah.... tapi tetep... apa yah.... eang salah... penasaran gw... [quote=robbinhood]kalau masalah CSS gini .. coba yang lama di backup .. trus diganti sama ini [/quote] ok... wa ganti...

Last edited by cursed_member (2008-09-17 10:45:15)

[quote=cursed_member]udah dirubah.... tapi tetep... apa yah.... eang salah... penasaran gw...[/quote] coba pake yang ini aja.... punya bro [b]robinhood[/b] [url]http://theftalk.com/p1676317-Today-14%3A46%3A30.html#p1676317[/url]

all.. code ogut g jalan dr kmrn apa kurang lengkap code ogut jd g jalan?? ni JS ogut : http://h1.ripway.com/yud4/tracker/tracker.js helep"

[quote=oby_nagnar]woi gmn aq nak br ne mw tny gmn cara bwt CSS[/quote] bos yg span klo mu tanyak ya:mad:

[quote=say@nk.vhie]all.. code ogut g jalan dr kmrn apa kurang lengkap code ogut jd g jalan??[/quote] masukan ini dalam onload handler [spoiler]var slodde = "<embed src=\"http://widget-e7.slide.com/widgets/slideticker.swf\" type=\"application/x-shockwave-flash\" quality=\"high\" scale=\"noscale\" salign=\"l\" wmode=\"transparent\" flashvars=\"cy=fr&il=1&channel=504403158291083464&site=widget-e7.slide.com\" style=\"width:100%;height:125px\" name=\"flashticker\" align=\"middle\"/><div style=\"width:100%;text-align:center;\"><a href=\"http://www.friendster.com/photos/25374972\" target=\"_blank\"><b>Liat semUa fOto aqUw</a> | <a href=\"http://www.friendster.com/friendphotoupload.php?uid=http://www.friendster.com/photos/25374972\" target=\"_blank\">Upload Photo</b></a></div>"; document.getElementById('content_1').style.height='100%'; document.getElementById('content_1').style.overflowY='hidden'; document.getElementById('content_1').innerHTML = "<table width='100%'><tr><td align='center'>"+slodde+"</td></tr></table>"; // CONTROLPANEL BOX h=document.getElementById("controlpanel_header"); h.innerHTML="<div title=\"header=[ HEROES ] body=[Hallo "+pageViewerFName+". Selamat datang di profileku. <img src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'>]\">= Fsna Yudha =</div>"; // PHOTOS h=document.getElementById("1").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[PHOTO GALLERY] body=[Tempat gW nyimpen foto-foto.<br><img src='http://photos.friendster.com/photos/27/94/25374972/1_137087421m.jpg'>]\">= pOto-pOto yUdha kaNcrUtz =</div>"; // MOREABOUT BOX h=document.getElementById("6").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[MORE ABOUT] body=[Kalo mo tau (sedikit) lebih banyak tentang diRa]\">= aPa aJa ttg Yuda =</div>"; // PUBLICCOMMENT BOX h=document.getElementById("18").getElementsByTagName("h2")[0]; h.innerHTML="<div title=\"header=[TESTIMONIALS] body=[Maaf ... tanpa mengurangi rasa hormat, kami tidak menerima cenderamata berupa Pic, Flash, maupun MP3 ...]\">= Comments bwt yUdha =</div>";[/spoiler]