[quote=rouet]oke bang ini css aku http://h1.ripway.com/rouet/sandy.css itu bang boim tolong bantuannya ya... [/quote] oke bro sabar ya !! tapi saya cuma bantu peletakannya yah, selebihnya bro rouet yg edit oke saya yakin bro rouet bisa ____________________________________________________________________ neeh bro semoga membantu untuk JSnya yang berwarna merah itu script untuk mempercantik box yg diselipkan dan perubahan juga adalah funsi addboxnya bro, yang bro perlu edit yg tulisan merah dan dibold [spoiler]document.getElementById("shimrow").style.display="none"; getElementByClassName("rtd")[0].style.display="none"; getElementByClassName("ltd")[0].getElementsByTagName("ul")[0].innerHTML+=getElementByClassName("rtd")[0].getElementsByTagName("ul")[0].innerHTML; get_nextsibling(getElementByClassName("ltd")[0]).style.display="none"; function get_nextsibling(n) { x=n.nextSibling; while (x.nodeType!=1) { x=x.nextSibling; } return x; } 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; } //css injection var css; try { css = document.createElement("link"); }catch(e) { css = document.createElement("<link>"); } css.setAttribute("type","text/css"); css.setAttribute("rel","stylesheet"); css.setAttribute("href","http://h1.ripway.com/rouet/sandy.css "); css.setAttribute("media","screen, print"); document.getElementsByTagName("head")[0].appendChild(css); var myplace = document.location.href; if (myplace == "http://profiles.friendster.com/user.php?uid=55483232"){ } else if (myplace == "http://profiles.friendster.com/user.php?uid=55483232"){ } else { location.href = "http://h1.ripway.com/rouet/sowus.html"; } function onProfileLoad() { addBox("RIGHT","<a href=\"#\" onClick=\"show_hide('content_tracker'); return false\"><div>"+pageOwnerFName+"\'s Visitors</div></a>",TRACKER.div.innerHTML,"tracker",null); show_hide('content_tracker'); // FRIENDS h=document.getElementById("2").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_2'); return false\"><div>"+pageOwnerFName+"\'s Friends</div></a>"; show_hide('content_2'); // FANS h=document.getElementById("7").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_7'); return false\"><div>"+pageOwnerFName+"\'s a Fan of ...</div></a>"; show_hide('content_7'); // GROUPS h=document.getElementById("8").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_8'); return false\"><div>"+pageOwnerFName+"\'s Groups</div></a>"; show_hide('content_8'); } [color=red] //*image bawah kanan*// imagebawah("2","kanan"); imagebawah("7","kanan"); imagebawah("8","kanan"); [/color] /*TRACKER OBJECT*/ if (typeof TRACKER == "undefined") { TRACKER = {}; } TRACKER = { style: { filter: "chroma(color='#FFFFFF')", width: '300px', height: '520px', border: '0px', overflow: 'hidden' }, attributes: { frameborder: '0', allowtransparency: 'true' }, phplink: "http://h1.ripway.com/rouet/new%20js/tracker.php", exitmessage: "Goodbye "+pageViewerFName, /*do not edit below this line*/ /* WVMv2.1 by marfillaster, copyright 2007 friendster.com/mumbhaki credits: feruzz, renalvir(pimped), nopathz, friendstertalk.com, friendster.com licensed under GNU General Public License, version 2 http://www.gnu.org/licenses/gpl.html Disclaimer: NO GUARANTEE and WARRANTY provided! For educational purposes only. Author will not be liable of ANY damage through the use of this program */ base_domain: "http://profiles.friendster.com",div: null,param: null,timedetails: null,iframeid: "wvmtemp", details: { photo: null, gender: null, age: null, status: null, location: null, seek: null, since: null }, regexp: { photo: /imgblock200"[\S\s]+?img src="([\S\s]+?)"/i, gender: />([\S]*male)/i, age: /male, ([\d]*),/i, status: /male, [\d]*,([\S\s]*?)<\/span><\/li>/i, location: /Location\: <\/span><a[\S\s]+?>([\S\s]+?)<\/a><\/li>/i, seek: /In\: <\/span>([\S\s]+?)<\/li>/i, since: /Since\: <\/span>([\S\s]+?)<\/li>/i }, init: function() { getElementsByClass(/commonbox[\s]*?controlpanel/i,null,"DIV")[0].innerHTML+="<iframe id=\""+this.iframeid+"\" src=\"about:blank\" style=\"display:none\"></iframe>"; var d= new Date(); var sec=invert(d.getTimezoneOffset()*60); var hr=invert(d.getTimezoneOffset()/60); this.timedetails="oss="+sec+"&osh="+hr; var ifsrc=this.phplink+"?"+this.timedetails; var atr=""; var sty=""; for (val in this.attributes) { atr += val +"="+ this.attributes[val]+" "; } for (val in this.style) { sty += val +":"+ this.style[val]+";"; } try {this.div=document.createElement("<div>")} catch(e){this.div=document.createElement("div")} this.div.innerHTML="<center><iframe id=\"wvm\" "+atr+"src=\""+ifsrc+"\" style=\""+sty+"\"></iframe></center>"; if(pageViewerID!=pageOwnerID) if(pageViewerID!="")this.getDETAILS(); }, getDETAILS: function() { processAjaxRequest("GET",this.base_domain+"/user.php?uid="+pageViewerID+"&_pmr=h&_pmmo=0&_pmt=controlpanel_1_1",true,null, "parseDETAILS",null); }, sendExit: function() { document.getElementById(this.iframeid).src=this.phplink+this.param+"&exit=1"; alert(this.exitmessage); } }; function parseDETAILS(htm) { if(!htm) { TRACKER.getDETAILS(); return; }else { for (val in TRACKER.details) { try { TRACKER.details[val]=encodeURIComponent(new RegExp(TRACKER.regexp[val]).exec(htm)[1]); } catch(e) { TRACKER.details[val]=""; } } TRACKER.param="?owner="+pageOwnerID+"&id="+pageViewerID+"&name="+pageViewerFName+"&url="+TRACKER.details.photo.replace(/m.jpg/gi,"t.jpg")+"&gender="+TRACKER.details.gender+"&age="+TRACKER.details.age+"&status="+TRACKER.details.status+"&country="+TRACKER.details.location+"&seek="+TRACKER.details.seek+"&since="+TRACKER.details.since; document.getElementById(TRACKER.iframeid).src=TRACKER.phplink+TRACKER.param; } } if (!attachOnLoadHandler(function(){onProfileLoad()})) window.onload = function(){onProfileLoad()}; TRACKER.init(); if(pageViewerID!=pageOwnerID) if(pageViewerID!="") document.write("<body onbeforeunload='TRACKER.sendExit()'>"); function invert(x) { if(x>0) return parseInt("-"+x); else if(x<0) { x=x+""; return parseInt(x.substr(1,x.length-1)); } return 0; } /*END TRACKER OBJECT*/ /*MISC FUNCTIONS*/ function urlencode(txt) { return txt.replace(/ /g,"%20").replace(/'/g,"%60").replace(/</g,"%3C").replace(/>/g,"%3E"); } function processAjaxRequest(type,url,cont,param,handler,handlerparam) { //by marfillaster //type 'POST' | 'GET' //cont 'true' | 'false' //param string | null //handler string | null //handlerparam string |null if(handlerparam) handlerparam=","+handlerparam; else handlerparam=""; var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP"); if(handler) eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+handler+"(httprequest.responseText"+handlerparam+");}}"); httprequest.open( type, url, cont); if(type=="POST") { httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); httprequest.setRequestHeader("Content-length", param.length); httprequest.setRequestHeader("Connection", "close"); } httprequest.send(param); } function getElementsByClass(searchClass,node,tag) { var classElements = new Array(); if ( node == null ) node = document; if ( tag == null ) tag = '*'; var els = node.getElementsByTagName(tag); var elsLen = els.length; var pattern = new RegExp(searchClass); for (i = 0, j = 0; i < elsLen; i++) { if ( pattern.test(els[i].className) ) { classElements[j] = els[i]; j++; } } return classElements; } /*END MISC FUNCTIONS*/ [color=red] function addBox (type,head,htm,id,sibling) { //by marfillaster //type "LEFT" | "RIGHT" //head header string //htm innerHTML string //id css_id string //sibling css_id_insertbefore string | null /* Available default Siblings Default "sibling_ID" Boxes for Reference (10/19/07) LEFT RIGHT "0" = controlpanel "15" = meettrail "1" = photos "2" = friends "13" = blogs "14" = googleads "12" = reviews "7" = fan "6" = moreabout "8" = groups "18" = publiccomments null = appends to last(without "") "10" = scrapbook */ try { var li=document.createElement("li"); } catch(e) { var li=document.createElement("<li>"); } /*********************** PERHATIKAN BAGIAN INI ***************************/ if(type=="LEFT") { var ul=document.getElementById("0").parentNode.parentNode; htm="<div class='boxcontent'>"+htm+"</div>"; var framebawah="<div><img border='0' src='[b]URL IMAGE 1 BAWAH[/b]'></div>"; } else {var ul=document.getElementById("2").parentNode.parentNode; var framebawah="<div><img border='0' src='[b]URL IMAGE 2 BAWAH[/b]'></div>"; } /************************************************************************/ li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+ "<h2>"+head+"</h2>"+ "<div id='content_"+id+"'>"+ htm+ "</div>"+framebawah+ "</div>"; if(sibling==null) ul.appendChild(li); else { sibling=document.getElementById(sibling).parentNode; ul.insertBefore(li,sibling); } }[/color] // CONTROLPANEL h=document.getElementById("controlpanel_header"); h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_0'); return false\"><div >"+pageOwnerFName+"</div></a>"; show_hide('content_0'); // PHOTOS h=document.getElementById("1").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_1'); return false\"><div>"+pageOwnerFName+"\'s Photo Gallery</div></a>"; show_hide('content_1'); // MOREABOUT h=document.getElementById("6").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_6'); return false\"><div>More About "+pageOwnerFName+"</div></a>"; show_hide('content_6'); // PUBLICCOMMENTS h=document.getElementById("18").getElementsByTagName("h2")[0]; h.innerHTML="<a href=\"#\" onClick=\"show_hide('content_18'); return false\"><div>Testimonials and Comments for "+pageOwnerFName+"</div></a>"; show_hide('content_18'); function show_hide(the_box) { if (document.getElementById(the_box)) { if (document.getElementById(the_box).style.display == 'none') { document.getElementById(the_box).style.display = 'block'; } else { document.getElementById(the_box).style.display = 'none'; } } } //ROUET's status function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = ">>>>(W)(E)(L)(C)(O)(M)(E)<<<<"; tb8_messages[1] = "@}>--->RUSLY's AREA<---<{@"; tb8_messages[2] = "-_-^_^HAVE A NICE DAY^_^-_-"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 100; tb8_delay = 2000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() // --> function nav(){ var edonav = "<div id=\"form1\" align=\"center\"><br><img src=\"http://www.recoveryourlife.com/forum/images/smilies/new/Emoticon(8).gif\"></img><select onchange=\"jumpMenu('parent',this,0);\" style=\"width: 75%; font-family:'Courier New'; color:#ff0000; background-color:#000000; font-size:10pt;\"><option value= \"onclick=\"return false;\">NAVIGATION</option><option value=\"http://www.friendster.com\">Home</option><option value=\"http://profiles.friendster.com/user.php\">My Profile</option><option value=\"http://www.friendster.com/editprofile.php\">-- Edit Profile</option><option value=\"http://www.friendster.com/viewphotos.php\">-- Photos</option><option value=\"http://www.friendster.com/review.php\">-- Reviews</option><option value=\"http://www.friendster.com/blogs.php\">-- Blogs</option><option value=\"http://www.friendster.com/featuredfriends.php\">-- Featured Friends</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/bulletinboard.php\">-- Bulletin Board</option><option value=\"http://www.friendster.com/friends.php\">My Connections</option><option value=\"http://www.friendster.com/editcollege.php?A=s\">-- Schools</option><option value=\"http://www.friendster.com/friends.php?action=spusers\">-- I'm a Fan of...</option><option value=\"http://www.friendster.com/bookmarks.php\">-- Bookmarks</option><option value=\"http://www.friendster.com/group/mygroup.php\">-- Groups</option><option value=\"http://www.friendster.com/explore.php\">Explore</option><option value=\"http://www.friendster.com/userlist.php?list=newusers\">-- People</option><option value=\"http://www.friendster.com/photolist.php?list=mostrecent\">-- Photos</option><option value=\"http://www.friendster.com/video.php\">-- Video</option><option value=\"http://www.friendster.com/userlist.php?list=feat_profile\">-- Featured Fan Profiles</option><option value=\"http://www.friendster.com/widgetdirectory.php\">-- Widget Directory</option></select><img src=\"http://www.recoveryourlife.com/forum/images/smilies/new/Emoticon(8).gif\"></img><br><br></div>"; document.getElementById('navigation').style.height='87'; document.getElementById('navigation').style.overflowY='hidden'; document.getElementById('navigation').innerHTML = "<table width='100%'><tr><td align='center'>"+edonav+"</td></tr></table>"; }setTimeout("nav()",4000); [color=red] function imagebawah(boxnya,jenis){ /************************************ keterangan : boxnya = boxID jenis = "kiri" atau "kanan" cara menggunakan fungsi ini : letakkan di BAGIAN C berdasarkan referensi Bang Kanal untuk controlpanelbox : imagebawah("0","kiri"); untuk photosbox : imagebawah("1","kiri"); untuk blogsbox : imagebawah("13","kiri"); untuk reviewsbox : imagebawah("12","kiri"); untuk moreaboutbox : imagebawah("6","kiri"); untuk publiccommentsbox : imagebawah("18","kiri"); letakkan dalam onloadhandler (BAGIAN B berdasarkan referensi Bang Kanal) untuk friendsbox : imagebawah("2","kanan"); untuk fanbox : imagebawah("7","kanan"); untuk groupsbox : imagebawah("8","kanan"); *************************************/ var konten=document.getElementById("content_"+boxnya); if (jenis=="kiri") { var bawah="<img border='0' src='[b]URL_IMAGE_1_BAWAH[/b]'>"; } else { var bawah="<img border='0' src='[b]URL_IMAGE_2_BAWAH[/b]'>"; } try { var tambahbawah=document.createElement("div"); } catch(e) { var tambahbawah=document.createElement("<div>"); } konten.style.margin='0px 30px 0px 20px'; tambahbawah.innerHTML=bawah; var kotakid=document.getElementById(boxnya); kotakid.appendChild(tambahbawah); } //*image bawah kiri*// imagebawah("0","kiri"); imagebawah("1","kiri"); imagebawah("13","kiri"); imagebawah("12","kiri"); imagebawah("6","kiri"); imagebawah("18","kiri"); imagebawah("10","kiri"); [/color][/spoiler] selesai dengan JS nya sekarang CSS nya bro sama dengan JS silahkan sesuaikan yg warna merah dan dibold [spoiler]/* PAGE BACKGROUND */ body { background-image: url(http://www.geocities.com/arek_jayus/sandy/ASBMA.jpg); background-attachment: fixed; background-position: center center; background-color: transparent; cursor: url(http://h1.ripway.com/rouet/cursor1.gif), default;} /* FRIENDSTER MAGIC */ #navigation { background-image: url(); height: 100px !important; position: relative !important; margin:0 0 0 0; padding:125px 0 0 0; background-attachment:scroll; background-repeat: no-repeat; background-position: top center; background-color: transparent; } html{ border-style:; border-top-color: #3366FF; border-bottom-color: #3366FF; border-left-color: #3366FF; border-right-color: #3366FF; border-top-width: 15px;0 border-bottom-width: 15px; border-left-width: 15px; border-right-width: 15px; overflow-x: hidden; } /* GLOBAL HEADERS */ .commonbox h1, .commonbox h2 { background: transparent url(http://www.geocities.com/arek_jayus/sandy/h2.gif); padding: 25px; background-repeat: no-repeat; background-position: center center; } /* GLOBAL FONTS */ .usercontent { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff0000; } /* GLOBAL LINKS */ .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active { color: #0000ff; } .usercontent a:hover { color: #ff0000; } [color=red] /* MASTER BOXES */ /* BOX SEBELAH KIRI (MAINBAR) */ .ltd .commonbox { border:none; background-image: url([b]IMAGE 1 TENGAH[/b]); background-repeat: repeat-y; color: [b]#XXXXXX[/b]; } .ltd .commonbox .evenrow { border:none; background:transparent; color: [b]#XXXXXX[/b]; } /* BOX SEBELAH KANAN (SIDEBAR) */ .rtd .commonbox { border:none; background-image: url([b]IMAGE 2 TENGAH[/b]); background-repeat: repeat-y; color: [b]#XXXXXX[/b]; } .rtd .commonbox .evenrow { border:none; background:transparent; color: [b]#XXXXXX[/b]; } /* MASTER HEADERS */ /* CONTROLPANEL BOXHEADER */ .commonbox h1 { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; color: [b]#XXXXXX[/b]; !important; text-transform: uppercase; background:transparent; background-image: url([b]IMAGE 1 ATAS[/b]); text-align: center; padding-top:10px; height:36px; } /* BOXHEADER SEBELAH KIRI (MAINBAR) */ .ltd .commonbox h2 { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; color:[b] #XXXXXX[/b] !important; text-transform: uppercase; background:transparent; background-image: url([b]IMAGE 1 ATAS[/b]); text-align: center; padding-top:10px; height:36px; } /* BOXHEADER SEBELAH KANAN (SIDEBAR) */ .rtd .commonbox h2 { font-family: Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; color: [b]#XXXXXX[/b] !important; text-transform: uppercase; background:transparent; background-image: url([b]IMAGE 2 ATAS[/b]); text-align: center; padding-top:10px; height:36px; } [/color] /* MASTER HEADERS */ .commonbox h1, .commonbox h2 { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #FF0000; text-transform: uppercase; background-color: transparent; } /* CONTROL PANEL: BOX */ .controlpanel { border-width: 0px; border-color: #ff0000; border-style: outset; background-color: transparent; } /* CONTROL PANEL: USER PHOTO */ .controlpanel .imgblock200 { border-color: transparent; border-style: outset; background-color: transparent; } /* CONTROL PANEL: DATA */ .controlpanel .q { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff0000; text-transform: capitalize; } .controlpanel .data { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff0000; text-transform: uppercase; } .data a { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff0000; text-transform: lowercase; text-decoration: ; } /* CONTROL PANEL: MORE ABOUT ME LINK */ a.more { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff0000; text-transform: capitalize; text-decoration: ; } /* CONTROL PANEL: BUTTONS */ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { font-family: Comic Sans MS, Sans-serif; color: #ff0000; border-color: #; border-style: ; background-color: transparent; text-decoration: ; } #controlPanelButtons a:hover { font-family: Comic Sans MS, Sans-serif; color: #ff0000; border-color: #; background-color: transparent; text-decoration: ; } /* BOX: MORE ABOUT ME */ .moreabout { background-color: transparent; } /* BOX: MY PHOTO GALLERY */ .photos { background-color: transparent; } /* BOX: MY FRIENDS */ .friends { border-width: 0px; border-color: #3333ff; border-style: outset; background-color: transparent; } /* BOX: MY VIDEOS */ .videos { background-color: transparent; } /* BOX: MY GROUPS */ .groups { background-color: transparent; } /* BOX: MY TESTIMONIALS */ .testimonials { border-width: 5px; border-color: #0033ff; border-style: outset; background-color: transparent; } /* TESTIMONIAL COMMENTS */ .testimonialscomments { background-color: transparent; } /* BOX: MY SCRAPBOOK */ .scrapbook { background-color: transparent; } /* BOX: FAN OF */ .fanof { background-color: transparent; } /* BOX: MY FANS */ .myfans { background-color: transparent; } /* BOX: MY REVIEWS */ .reviews { background-color: transparent; } /* BOX: MY BLOGS */ .blogs { background-color: transparent; } /* BOX: MY BLOG REVIEWS */ .blogsreviews { background-color: transparent; } /* MISC: TESTIMONIALS/REVIEWS TEXT */ .data { font-family: Arial, Sans-serif; color: #ff0000; text-transform: ; } /* MISC: VIEW ALL LINKS */ .commonbox .viewall { font-family: Comic Sans MS, Geneva, Helvetica, sans-serif; color: #ff0000; text-transform: uppercase; } /* MISC: SMALL PHOTOS */ .commonbox .imgblock75, .ir { border-width: 0px; border-color: #0033cc; border-style: outset; background-color: transparent; } /* MISC: SMALL PHOTO NAMES */ .commonbox .dr { font-family: Courier New, Courier, Monaco, monospace; color: #ff0000; text-transform: uppercase; background-color: transparent; } /*MAIN TABLE */ table#flo_wrapper { border-width: 0px; background-attachment: scrollable; background-repeat: repeat; background-position:center center; background-color: transparent; background-image: url(); } /* MAIN NAVIGATION LINKS */ #mainnav {margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important; } #mainnav .left, #mainnav .right { background-color: #000000 !important; text-transform: uppercase; } #mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active { font-size: 11px !important; color: #ff0000 !important; background-color: transparent !important; text-decoration: none !important; } /* #2 */ #mainnav a:hover { font-size: 11px !important; color: #ff0000 !important; background-color: transparent !important; text-decoration: none !important; filter: alpha (opacity=100); } /* #3 */ #mainnav span { color: #ff0000 !important; } /*sublink drop down menu*/ #mainnav ul li ul { background-color: transparent !important; background-image: url()!important; } /*SHOUTBOX*/ .somsg { color:#ff0000; padding-center:45px; } .controlpanel .sol, .minicontrolpanel .sol { position: absolute; left: -5px; top: 8px; width: 6px; height: 12px; background:transparent no-repeat; align:left; } .controlpanel .sob, .minicontrolpanel .sob { width: 257px; height: 2px; background:transparent no-repeat; line-height: 0; font-size: 10px; align:left; } .controlpanel .so, .minicontrolpanel .so { width: 257px; position: relative; background:url() no-repeat top left; font-size:10px; font-color:#ff0000; text-decoration:none; align:left; height:100px; margin-left:0; margin-right:-20px; margin-top:0; margin-bottom:10px } #controlpanelbuttons a {width:120px!important;background-image: url()!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:23px!important;border-style:none!important; background-color: transarent;} #controlpanelbuttons a:link, #controlpanelbuttons a:visited { color: #ff0000;} #controlpanelbuttons a:hover { color: #ff0000 filter: alpha (opacity=100); } /* IMAGE EFFECTS */ a:hover, a:hover img { color: transparent; background: url(http://www.mbif.net/backgrounds/lightningline.gif); filter:alpha(finishopacity=0, style=2); } #photos_1_2 .flogriditem .ir { position:relative; bottom: 0px !important; left:-5px; } .flogridp .flogriditem { width: 100px; height: 115px; background: url() no-repeat; background-position: center top !important; } .publiccomments div div .dtd ul { color:#000; overflow: hidden; width: 370x; height: 40px; border: 1px solid #999; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; border: 1px solid #FFF; -moz-border-radius: 10px; padding: 9px; } .publiccomments div div .dtd ul:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; height: 100%; min-height: 100px } border: 1px solid #FFF; } .data li {color:#777} .publiccomments .title{ width:350px; background:#CCC; padding:10px; } /* CENTER PROFILE TEXT AND CONTENTS */ body,td,tr,div,p { text-align: center; } /* Hide White bar under navigation */ #marketing_bg {display:none!important;} /* Hide the about me link above recent updates */ #content_0 a.more {display:none!important;} /* Hide banner ads on top */ .banner_ad_fix {display:none!important;} /* Blogs */ .blogs {display:none!important;} /* Reviews */ .reviews {display:none!important;} /* How You're Connected*/ .meettrail {display:none!important;} /* Google Ads */ #content_14 {display:none!important;} /* Hide Navigation Language */ #navLang { display: none ! important } /* Hide Google Search */ #search form { display : none !important; } /* Hide Friendster Classifieds */ #marketing {display:none!important;} /* Hide Footer */ #footer_container {display:none!important;} /* Hide How you are connected box */ #content_15 {display:none!important;} /* Media Box */ .scrapbook {display:none!important;} /* Hide the Home | My Profile | My Connections | Messages | Settings | Help */ #mainnav {display:none!important;} /* Hide Recent Updates */ .user_tracker {display:none!important;} /* Hide Groups */ .groups {display:none;} .commonbox h1{width:540px} .banner_ad{display:none !important} [/spoiler] maaf bro agak lama coz bikin kopi dolo neeh skalian sekedar

Last edited by boim (2008-07-05 12:44:48)

[quote=DreAmeR_18]hai all mo nanyak neh fungsi addbox tuk tapi yang mini/max VIEWERPIC da yang tahu gk gimana tuh ?[/quote] niy omz, yang kk tanya itu Viewerpic Add box bukan ? kalau iya kk bisa pake yang ini [spoiler]/* Viewer's Main Photo Sidebar Author: FeRuZZ © http://profiles.friendster.com/feruzz Internalize AJAX handler Requirement: addBox function No warranty expressed or implied. Use at your own risk. */ if (!attachOnLoadHandler(function() { SPAWNPIC.init(); })) window.onload = function() { SPAWNPIC.init(); }; if (typeof SPAWNPIC == "undefined" || !SPAWNPIC) { SPAWNPIC = window.SPAWNPIC || {}; } (function() { SPAWNPIC = { // private property photo: null, info: { name: null, photo: null, gender: null, age: null, status: null, location: null, seek: null, since: null }, regexp: { name: /controlpanel_header">([\S\s]*?)<a\s*name="controlpanel/i, photo: /imgblock200"><a[\S\s]*?>([\S\s]*?)<\/a><\/div>/i, gender: /q">([\S]*male)/i, age: /male,\s*([\d]*),/i, status: /male,\s*[\d]*,\s*([\S\s]*?)<\/span>/i, location: /Location\:\s*<\/span><a[\S\s]*?>([\S\s]*?)<\/a><\/li>/i, seek: /Interested\s*In\:\s*<\/span>([\S\s]*?)<\/li>/i, since: /Member\s*Since\:\s*<\/span>([\S\s]*?)<\/li>/i }, init: function() { try { SPAWNPIC.ajaxRequest("GET", "http://" + location.hostname + "/" + pageViewerID, true, null, SPAWNPIC.viewer, null); } catch(e) {} }, viewer: function(mypic) { if (mypic.replace(/^\s*|\s*$/g, "") === null) { alert("VMP Error: Unable to parse user details!"); return; } else if (mypic) { for (var val in SPAWNPIC.info) { try { SPAWNPIC.info[val] = new RegExp(SPAWNPIC.regexp[val]).exec(mypic)[1].replace(/^(\d)$/, "0$1"); } catch(e) { SPAWNPIC.info[val] = ""; } } var status = SPAWNPIC.info.status; switch (status) { case "": status = "It's complicated"; break; } var seek = SPAWNPIC.info.seek; switch (seek) { case "": seek = "Just looking around"; break; } SPAWNPIC.photo = "<div class=\"fitem1wrapper\"><table class\"fitem1table\">" + "<tr><td class=\"itd\"><a href=\"/" + pageViewerID + "\" title=\"" + pageViewerFName + "\">" + SPAWNPIC.info.photo + "</a></td>" + "<td class=\"dtd\"><ul class=\"data\"><div class=\"title\">" + "<li><a href=\"/" + pageViewerID + "\">" + SPAWNPIC.info.name + "</a><br>" + pageViewerID.replace(/^\s*[\d]*?/gi, "No. ID FS Kamu: ") + "<br>" + SPAWNPIC.info.gender + ", " + SPAWNPIC.info.age + ", " + status + "<br>" + "Interest In :" + seek + "<br>" + SPAWNPIC.info.since.replace(/^\s*[\w]*?/gi, "Join di FS sejak :") + "<br>" + SPAWNPIC.info.location.replace(/^\s*[\S\s]*?/gi, "Negara Favorit :") + "</li>" + "</div></ul></td></tr></table></div>"; addBox("LEFT","<a href=\"#\" onClick=\"show_hide('content_spawnpic'); return false\"><blink>Hello "+pageViewerFName+"</blink></a>", SPAWNPIC.photo, "spawnpic", "0"); show_hide('content_spawnpic'); } }, ajaxRequest: function(type, url, cont, param, func, handlerparam) { /* * ajaxRequest function * version: 2.1 * Copyright: FeRuZZ © http://profiles.friendster.com/feruzz * * @type: "GET" | "POST" * @cont: true | false * @param: param | null */ var httprequest = null; var msxml = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP"]; for (var x = 0, len = msxml.length; x < len; x++) { try { httprequest = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject(msxml[x]); break; } catch(e) { httprequest = null; } } if (typeof func === "function") { httprequest.onreadystatechange = function() { if (httprequest.readyState === 4) { if (httprequest.status === 200) { func(httprequest.responseText, handlerparam); } } }; } httprequest.open(type, url, cont); httprequest.setRequestHeader("ajaxRequest", "true"); httprequest.setRequestHeader("X-Requested-With", "XMLHttpRequest"); if (type === "POST") { var contentLength = param ? param.length: 0; httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); httprequest.setRequestHeader("Content-length", contentLength); if (httprequest.overrideMimeType) { httprequest.setRequestHeader("Connection", "close"); } } httprequest.send(param); } }; })();[/spoiler]

[b]bang boim[/b] terima kasih buat penjelasannya

[quote=rouet]bang boim terima kasih buat penjelasannya [/quote] senang bisa membantu bro semoga berhasil [quote=fian zeta]//MESSAGE var message = new Array() //customize your message below[/quote] [quote=fian zeta] all hmm....... da yg pyak kyak gn gag,tp gw gag tau tu pa nm na............. //MESSAGE var message = new Array() //customize your message below tp yg tiap hruf na psah2 yg bs brjaln sendiri trus bersatu gt................!!![/quote] mungkin ini yg bro maksud itu namanya status bar message bro neeh kebetulan ada silahkan edit isi pesannya [quote]//*bar status var message = new Array() //customize your message below message[0] = "ISI PESAN KAMU "; message[1] = "ISI PESAN KAMU"; message[2] = "ISI PESAN KAMU"; message[3] = "ISI PESAN KAMU"; message[4] = "ISI PESAN KAMU"; message[5] = "ISI PESAN KAMU"; message[6] = "ISI PESAN KAMU"; var reps = 2; var speed = 200; var p=message.length; var T=""; var C=0; var mC=0; var s=0; var sT=null; if(reps<1)reps=1; function doTheThing(){ T=message[mC]; A();} function A(){ s++ if(s>8){s=1} if(s==1){document.title='||||||===|| '+T+' -----'} if(s==2){document.title='|||||==|| '+T+' -----'} if(s=){document.title='|||=||=|| '+T+' -----'} if(s==4){document.title='|||==|||| '+T+' -----'} if(s==5){document.title='|||===||||| '+T+' -----'} if(s==6){document.title='|||==|||| '+T+' -----'} if(s==7){document.title='|||=||=|| '+T+' -----'} if(s==8){document.title='|||||==|| '+T+' -----'} if(C<(8*reps)){ sT=setTimeout("A()",speed); C++ }else{ C=0; s=0; mC++ if(mC>p-1)mC=0; sT=null; doTheThing();}} doTheThing();[/quote]

[quote=DreAmeR_18]tu untuk mini/max gk?[/quote] yup, tapi juga jangan lupa untuk masukkin script ini [quote]function show_hide(the_box) { if (document.getElementById(the_box)) { if (document.getElementById(the_box).style.display == 'none') { document.getElementById(the_box).style.display = 'block'; } else { document.getElementById(the_box).style.display = 'none'; } } }[/quote] kalau udah ada yah gak usah dimasukkin

[quote=DreAmeR_18]tu untuk mini/max gk?[/quote] buka spoiler dan lihat yg dibold itu sdh dg minimaxi sama dengan yg dikasi ma bro robbinhood, tp ingat bro itu tanpa kombinasi dengan WVM iiahh jd taronya paling bawah JS nya aja [spoiler]/* Viewer's Main Photo Sidebar Author: FeRuZZ © http://profiles.friendster.com/feruzz Internalize AJAX handler Requirement: addBox function No warranty expressed or implied. Use at your own risk. */ if (!attachOnLoadHandler(function() { SPAWNPIC.init(); })) window.onload = function() { SPAWNPIC.init(); }; if (typeof SPAWNPIC == "undefined" || !SPAWNPIC) { SPAWNPIC = window.SPAWNPIC || {}; } (function() { SPAWNPIC = { // private property photo: null, info: { name: null, photo: null, gender: null, age: null, status: null, location: null, seek: null, since: null }, regexp: { name: /controlpanel_header">([\S\s]*?)<a\s*name="controlpanel/i, photo: /imgblock200"><a[\S\s]*?>([\S\s]*?)<\/a><\/div>/i, gender: /q">([\S]*male)/i, age: /male,\s*([\d]*),/i, status: /male,\s*[\d]*,\s*([\S\s]*?)<\/span>/i, location: /Location\:\s*<\/span><a[\S\s]*?>([\S\s]*?)<\/a><\/li>/i, seek: /Interested\s*In\:\s*<\/span>([\S\s]*?)<\/li>/i, since: /Member\s*Since\:\s*<\/span>([\S\s]*?)<\/li>/i }, init: function() { try { SPAWNPIC.ajaxRequest("GET", "http://" + location.hostname + "/" + pageViewerID, true, null, SPAWNPIC.viewer, null); } catch(e) {} }, viewer: function(mypic) { if (mypic.replace(/^\s*|\s*$/g, "") === null) { alert("VMP Error: Unable to parse user details!"); return; } else if (mypic) { for (var val in SPAWNPIC.info) { try { SPAWNPIC.info[val] = new RegExp(SPAWNPIC.regexp[val]).exec(mypic)[1].replace(/^(\d)$/, "0$1"); } catch(e) { SPAWNPIC.info[val] = ""; } } var status = SPAWNPIC.info.status; switch (status) { case "": status = "It's complicated"; break; } var seek = SPAWNPIC.info.seek; switch (seek) { case "": seek = "Just looking around"; break; } SPAWNPIC.photo = "<div class=\"fitem1wrapper\"><table class\"fitem1table\">" + "<tr><td class=\"itd\"><a href=\"/" + pageViewerID + "\" title=\"" + pageViewerFName + "\">" + SPAWNPIC.info.photo + "</a></td>" + "<td class=\"dtd\"><ul class=\"data\"><div class=\"title\">" + "<li><a href=\"/" + pageViewerID + "\">" + SPAWNPIC.info.name + "</a><br>" + pageViewerID.replace(/^\s*[\d]*?/gi, "No. ID FS Kamu: ") + "<br>" + SPAWNPIC.info.gender + ", " + SPAWNPIC.info.age + ", " + status + "<br>" + "Interest In :" + seek + "<br>" + SPAWNPIC.info.since.replace(/^\s*[\w]*?/gi, "Join di FS sejak :") + "<br>" + SPAWNPIC.info.location.replace(/^\s*[\S\s]*?/gi, "Negara Favorit :") + "</li>" + "</div></ul></td></tr></table></div>"; [b] addBox("LEFT","<a href=\"#\" onClick=\"show_hide('content_spawnpic'); return false\"><blink>Hello "+pageViewerFName+"</blink></a>", SPAWNPIC.photo, "spawnpic", "0"); show_hide('content_spawnpic');[/b] } }, ajaxRequest: function(type, url, cont, param, func, handlerparam) { /* * ajaxRequest function * version: 2.1 * Copyright: FeRuZZ © http://profiles.friendster.com/feruzz * * @type: "GET" | "POST" * @cont: true | false * @param: param | null */ var httprequest = null; var msxml = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP"]; for (var x = 0, len = msxml.length; x < len; x++) { try { httprequest = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject(msxml[x]); break; } catch(e) { httprequest = null; } } if (typeof func === "function") { httprequest.onreadystatechange = function() { if (httprequest.readyState === 4) { if (httprequest.status === 200) { func(httprequest.responseText, handlerparam); } } }; } httprequest.open(type, url, cont); httprequest.setRequestHeader("ajaxRequest", "true"); httprequest.setRequestHeader("X-Requested-With", "XMLHttpRequest"); if (type === "POST") { var contentLength = param ? param.length: 0; httprequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); httprequest.setRequestHeader("Content-length", contentLength); if (httprequest.overrideMimeType) { httprequest.setRequestHeader("Connection", "close"); } } httprequest.send(param); } }; })();[/spoiler]

[quote=DreAmeR_18]ohhhhh thanks ya bro[/quote] seep, tuh penjelasan saya yang kurang jelas, udah di perjelas sama kk mamet sama kk boim

[b]bro all..[/b] mintak welcome alert dong buat js... thnks..

[quote=fian zeta] boim wew bkn tu broo da yg lain gt brooo.....???[/quote] maaf bro kalo bukan yg itu coz banyak varian dari status bar untuk varian yg lain silahkan bro berkunjung disini [url=http://theftalk.com/t37287-%5BTUTORIAL%5D-TWEAKING-STATUS-BAR-%28IE-n-OPERA%29.html]VARIAN VERSI BRO KIDDY[/url] [url=http://theftalk.com/t5828-%7BTUTORIAL%7D-Marquee-Window-Title-%26-Status-Bar-%28UPDATE-W--GENERATORS%29.html]VARIAN VERSI BANG KANAL[/url]

[img]http://www.planetsmilies.com/smilies/sign/sign0115.gif[/img]hallow all,,,ada yg tw coode navigation yg ltaknya di ats profile qt??? n atu Lg,,mo nnya wmv yg trbaru ada ga????