• ARCHIVES 
  • » Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Pages: 12344

Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

renalvir
» n00b
FTalk Level: zero
82
0
1969-12-31

Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] -------------------------------------------------- Insert this part on your layout .CSS file: [quote]/* Change Borders Start */ /* TOP RIGHT */ .roundbox-tr { margin:0px 0px; padding:0; background:url("http://LINK_TO_YOUR/[color=red]toprightpic[/color]") no-repeat right top; width: 100%; } /* TOP LEFT */ .roundbox-tl { margin:0; padding:0; background: url("http://LINK_TO_YOUR/[color=red]topleftpic[/color]") no-repeat left top; } /* BOTTOM RIGHT */ .roundbox-br { margin:0; padding:0; background: url("http://LINK_TO_YOUR/[color=red]bottomrightpic[/color]") no-repeat right bottom; } /* BOTTOM LEFT */ .roundbox-bl { margin:0; padding:0; background: url("http://LINK_TO_YOUR/[color=red]bottomleftpic[/color]") no-repeat left bottom; } /* Change Borders End */[/quote] Where the links are your images... these are the patterns/samples [img]http:///renalvir.zuiken.net/wvm/mhy/images/tl.png[/img] [img]http:///renalvir.zuiken.net/wvm/mhy/images/tr.png[/img] [img]http:///renalvir.zuiken.net/wvm/mhy/images/bl.png[/img] [img]http:///renalvir.zuiken.net/wvm/mhy/images/br.png[/img] NOTE: these images are too small... your images should be bigger in order to occupy all the spaces on the box. and remember not to rip others boxes, for they worked hard for it... --------------------------------------------------------------------- Insert the code inside your .JS [quote]/* -- By RenAlvir 2008 --*/ function changeBorder(targetdivid) { var target = document.getElementById(targetdivid); target.innerHTML = "<div class=\"roundbox-tr\">" + "<div class=\"roundbox-tl\">" + "<div class=\"roundbox-br\">" + "<div class=\"roundbox-bl\">" + "<div class=\"taee\">" + target.innerHTML + "</div>" + "</div>" + "</div>" + "</div>" + "</div>"; } /* -- --*/ if (!attachOnLoadHandler(function(){loadBorders()})) window.onload = function(){loadBorders()}; function loadBorders() { //Insert here //Controlpanel changeBorder("0"); }[/quote] Other boxes: [quote]LEFT BOXES: //controlpanel changeBorder("0"); //photos changeBorder("1"); //blogs changeBorder("13"); //reviews changeBorder("12"); //moreabout changeBorder("6"); //publiccomments changeBorder("18"); //scrabook changeBorder("10");[/quote] [quote]RIGHT //meetrail changeBorder("14"); //friendsbox changeBorder("2"); //fanof changeBorder("7"); //groups changeBorder("8");[/quote] --------------END--------------- Hope you like it! :)

Last edited by renalvir (2008-02-26 05:27:59)

fando91
» FTalkManiac
FTalk Level: zero
862
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

[b]Cool one ren!! I'll try this later on!!!! :D :thumbsup: [/b]
Shiseiten
» FTalkAddict
FTalk Level: zero
544
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

:D the previews is so great :thumbsup: :paranoid: but where the trick? :/
Shirow Masamune
» FTalkAgent
FTalk Level: zero
2237
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

thx for sharing ren :D :thumbsup:
rafaiz
» n00b
FTalk Level: zero
68
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

y i can't see the preview??
fando91
» FTalkManiac
FTalk Level: zero
862
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

[b]^ the preview is in his blog... duhh[/b]
renalvir
» n00b
FTalk Level: zero
82
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

lols, unfortunately there is some problem with x10 again, just be patient lets all wait... =)
Shirow Masamune
» FTalkAgent
FTalk Level: zero
2237
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

so ren can i put gif images too right? :D

Last edited by Shirow Masamune (2007-11-09 10:50:48)

niknok_1999
» FTalkElite
FTalk Level: zero
4025
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

cool bro...tnx :thumbsup: ive been waiting for this code long long time ago..

Last edited by niknok_1999 (2007-11-09 11:02:36)

sickofyou
» FTalker
FTalk Level: zero
234
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

thanks! been waiting for this too. but the 2 download links just have the same contents/themes. i think its the blue one. i hope you'd release a black version. coz my layout is black/white theme. ^_^ @ renlavir, can you help me with the compiling. i cant make it work, i experiment w/ different locations but im not succesful. i even put the functyion below tracker js. T_T [quote][b]if (!attachOnLoadHandler(function(){loadBorders()})) window.onload = function(){loadBorders()}; function loadBorders() { //Change those boxes please! changeBorder(”2″); //friends box }[/b] [b] function changeBorder(targetdivid) { var target = document.getElementById(targetdivid); target.innerHTML = "<div class=\"roundbox-tr\">" + "<div class=\"roundbox-tl\">" + "<div class=\"roundbox-br\">" + "<div class=\"roundbox-bl\">" + "<div class=\"azlov\">" + target.innerHTML + "</div>" + "</div>" + "</div>" + "</div>" + "</div>"; }[/b] //force login if(pageViewerID==""){ alert("Please log-in your Friendster account to view my page!"); top.location.href="http://www.friendster.com/login.php?next=%2fuser.php%3fuid%3D"+pageOwnerID+"&cookie=1"; } //css injection var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet"; css.href = ""; css.media = "screen, print"; document.getElementsByTagName("head")[0].appendChild(css); //onload handler function onProfileLoad() { addBox("RIGHT","My Visitors",TRACKER.div.innerHTML,"tracker","mymp3"); } /* ----- TRACKER OBJECT ----- */ if(typeof TRACKER == "undefined") { TRACKER = {}; } TRACKER = { style: { filter: "chroma(color='#FFFFFF')", width: '300px', //tracker width height: '496px', //tacker height border: '0px' }, attributes: { frameborder: '0', allowtransparency: 'true' }, phplink: "", exitmessage: "Goodbye "+pageViewerFName+"!", /* Do Not Edit Below */ 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>/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() { document.getElementById("navBg").innerHTML+="<iframe id=\"wvmtemp\" src=\"about:blank\" style=\"display:none\" />"; 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><br /><input type=\"button\" class=\"reloadbutt\" value=\"Refresh Tracker\" onclick=\"Reload();\" style=\"border: 1px #000000 solid; background-color: #fffffe; margin: 3px;\"></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+"&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"); } /* ----- addBox Start ----- */ function addBox (type,head,htm,id,sibling) { var minus="http://h1.ripway.com/sickofyou/uparrow.png"; var plus="http://h1.ripway.com/sickofyou/downarrow.png"; //by marfillaster //type "LEFT" | "RIGHT" //head header string //htm innerHTML string //id css_id string //sibling css_id_insertbefore string | null /* Default 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 "10" = scrapbook */ try { var li=document.createElement("li"); } catch(e) { var li=document.createElement("<li>"); } if(type=="LEFT") { var ul=document.getElementById("0").parentNode.parentNode; htm="<div class='boxcontent'>"+htm+"</div>"; } else var ul=document.getElementById("2").parentNode.parentNode; li.innerHTML="<div id='"+id+"' class='commonbox "+id+"'>"+ "<h2><div class='editlink'><a href=\"javascript:;\" onclick=\"trigger_effect(this,'content_"+id+"','blind', '"+minus+"', '"+plus+"');\"><img src=\""+minus+"\" alt=\"toggle\" /></a></div>"+head+"</h2>"+ "<div align='center' id='content_"+id+"'>"+ htm+ "</div>"+ "</div>"; if(sibling==null) ul.appendChild(li); else { sibling=document.getElementById(sibling).parentNode; ul.insertBefore(li,sibling); } } /* ----- addBox End ----- */ 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 randOrd(){ return (Math.round(Math.random())-0.5); } function showForm(){ var div = document.getElementById("hide"); var show = document.getElementById("show"); var close = document.getElementById("close"); if(div.style.display!="none"){ hideForm();} else{ div.style.display = "block"; show.style.display = "none"; close.style.display = "block";}} function hideForm(){ var div = document.getElementById("hide"); var show = document.getElementById("show"); var close = document.getElementById("close"); div.style.display = "none"; show.style.display = "block"; close.style.display = "none";} function x(){ return;} function DoSmilie(addSmilie, messageDef){ var addSmilie, messageDef, revisedMessage; var currentMessage = document.cbox.pst.value; if(currentMessage==messageDef){currentMessage='';} revisedMessage = currentMessage+addSmilie; document.cbox.pst.value=revisedMessage; document.cbox.pst.focus(); return; } /*END MISC FUNCTIONS*/[/quote]

Last edited by sickofyou (2007-11-09 16:19:07)

ezil2007
» FTalkGeek
FTalk Level: zero
1426
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

[quote=Shiseiten]:D the previews is so great :thumbsup: :paranoid: but where the trick? :/[/quote] Note: If you are a newbie at javascript and css, i suggest you go and study the basics first… [quote]Insert this code to your main javascript file. if (!attachOnLoadHandler(function(){loadBorders()})) window.onload = function(){loadBorders()}; function loadBorders() { //Change those boxes please! } function changeBorder(targetdivid) { var target = document.getElementById(targetdivid); target.innerHTML = "<div class=\"roundbox-tr\">" + "<div class=\"roundbox-tl\">" + "<div class=\"roundbox-br\">" + "<div class=\"roundbox-bl\">" + "<div class=\"azlov\">" + target.innerHTML + "</div>" + "</div>" + "</div>" + "</div>" + "</div>"; } <————————————————————> then insert these codes to your main CSS file. /* Change Borders Start */ /* TOP RIGHT */ .roundbox-tr { margin:0px 0px; padding:0; background:url("http://LINK_TO_YOUR/toprightpic") no-repeat right top; width: 100%; } /* TOP LEFT */ .roundbox-tl { margin:0; padding:0; background: url("http://LINK_TO_YOUR/topleftpic") no-repeat left top; } /* BOTTOM RIGHT */ .roundbox-br { margin:0; padding:0; background: url("http://LINK_TO_YOUR/bottomrightpic") no-repeat right bottom; } /* BOTTOM LEFT */ .roundbox-bl { margin:0; padding:0; background: url("http://LINK_TO_YOUR/bottomleftpic") no-repeat left bottom; } /* Change Borders End */ <————————————————————> Now we will be needing images for our borders. I have created samples, download blue theme or xp theme upload them on your webhost. Next step is to get the URL or links of those images. as you can see there, the files are named according to their corners, so put the links accordingly. for example, we should put the top right image link to /* TOP RIGHT */ .roundbox-tr { margin:0px 0px; padding:0; background:url("http://LINK_TO_YOUR/tr.gif“) no-repeat right top; width: 100%; } <————————————————————> And everything is in place, now we will just use the function to change the box’s borders to change the borders, just get the ID of the box you want to change, for example the friends box… the ID of the friends box is “2″, just call the function and add the ID. heres an example: if (!attachOnLoadHandler(function(){loadBorders()})) window.onload = function(){loadBorders()}; function loadBorders() { //Change those boxes please! changeBorder(”2″); //friends box } //by renalvir function changeBorder(targetdivid) { var target = document.getElementById(targetdivid); target.innerHTML = "<div class=\"roundbox-tr\">" + "<div class=\"roundbox-tl\">" + "<div class=\"roundbox-br\">" + "<div class=\"roundbox-bl\">" + "<div class=\"azlov\">" + target.innerHTML + "</div>" + "</div>" + "</div>" + "</div>" + "</div>"; } thats it! i hope you enjoyed this tutorial, and please lets share images… hehe please register to my blog so we can share ideas… Thanks![/quote] [color=blue] thanks for the share :D[/color]

Last edited by ezil2007 (2007-11-09 17:12:29)

asn585
» FTalker
FTalk Level: zero
244
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Great ........ :cool: [color=green]Newbies Like ME here.... :thumbsup: [/color] Blogging / HTML Coding add-ons have a different function / work compare to the non-overlay profile on friendster also with different codes....... blogging is more related to the Overlay users and / or Enterpage users....... :ninja: [color=blue]Simple sample is : The MERLIN Code ; same function / work for OG and non-Overlay BUT different codes Most for IE Users only , the MERLIN add-ons ! ...... Hope you got my point. This is only an additional information specially for ALL Newbies like Me . NOT ALL add-ons at different users are applicable to all profiles with respect to your server provider either you are using IE , FF , etc, etc........[/color] See you .........Need to .............. :penguin:

Last edited by asn585 (2007-11-09 17:57:39)

aftermath
» FTalkAddict
FTalk Level: zero
439
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Thanks for this. Check mine [url=http://friendster.com/previewprofile]HERE[/url].
sickofyou
» FTalker
FTalk Level: zero
234
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

@ aftermath how did you compile yours at js?
aftermath
» FTalkAddict
FTalk Level: zero
439
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Put createBorder command inside onload handler and put the createBorder function anywhere in the script. Thats about it. :)
sickofyou
» FTalker
FTalk Level: zero
234
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

is this right? [quote]//onload handler function onProfileLoad() { // border changeBorder(”2″); //friends box addBox("RIGHT","My Visitors",TRACKER.div.innerHTML,"tracker","mymp3"); }[/quote] thanks for the reply aftermath. it still doesnt work. my whole tweaks dont work. and i tried palcing the function either bottom/top of script.
aftermath
» FTalkAddict
FTalk Level: zero
439
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Check the " mark.. if you copied that from ren's blog then that isn't a " mark. Replace it with a " mark.
sickofyou
» FTalker
FTalk Level: zero
234
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

thanks it works now!! the only problem is the contents overlaps the border. ;)

Last edited by sickofyou (2007-11-09 21:18:54)

fando91
» FTalkManiac
FTalk Level: zero
862
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

[b]I've tried it!! ist a success... but I prefer using my old layout... but I'll use this one on my other account later.. =) keep it up ren![/b]

Last edited by fando91 (2007-11-09 22:08:57)

kyotie
» n00b
FTalk Level: zero
1
0
1969-12-31

Re: Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

[url][/url][img][/img]<">[quote][/quote] [align=center][/align]
  • ARCHIVES 
  • » Reposting this tutorial due to many requests... [url=http://profiles.friendster.com/azlov]PREVIEW1[/url] [url=http://profiles.friendster.com/renalvir]PREVIEW2[/url] ---------------------------------

Pages: 12344

Board footer

© 2024 F Talk

Current time is 04:09

[ 10 queries - 0.030 second ]
Privacy Policy