[b]LIVE PREVIEW:[/b] [url]http://profiles.friendster.com/40496003[/url] [b]STEP 1[/b] Just edit the boLd part of the given code beLow, and then copy and then paste in your JS fiLes! [quote]//matrix effects var matrixtricks = document.createElement("script"); matrixtricks.type = "text/javascript"; matrixtricks.src = "http://www.geocities.com/my_nice_profile_01/matrix.js"; document.getElementsByTagName("head")[0].appendChild(matrixtricks); //matrix tricks for main photo matrixtr = document.createElement("div"); matrixtr.width = "150"; matrixtr.height = "180"; matrixtr.innerHTML = "<div id='matrix' align='center' style='padding-top:3px;width:150px;height:180px'>[b]YOUR NAME[/b]</div>"; sibling = content_0.getElementsByTagName("a")[0]; sibling.parentNode.replaceChild(matrixtr, sibling);[/quote] [b]STEP 2[/b] Just edit the boLd part again, and then copy, paste in your CSS Files! [quote].controlpanel .imgblock200 { background-color: transparent; background-image: url([b]YOUR BG IMAGE URL[/b]); //if you want to put some background image background-position: center center; background-repeat: no-repeat; width: 150px; height: 180px; margin-left:20px; margin-top:20px; border:0px; } .controlpanel .imgblock200 img{ display: none !important; } .matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:10px; padding:0px; margin:0px; background-color: transparent; }[/quote] and then your done! hup u Lyk it Guyz...! i got this idea from [b]RepLace Main Photo by: Ferruz[/b] [url]http://theftalk.com/t7006-Replace-Main-Photo.html[/url] so credits for Ferruz! thnx guyz!