[img]http://i135.photobucket.com/albums/q138/musikero214/others/kiss-1.png[/img] No link preview for this layout but im sure its 1000% working.. [b]-=- how sweet those kisses isnt it?... hope u like it.. tnx [color=red]Emochiq[/color] for this pic-=-[/b] heres the code to paste on [b]about me [/b]section: <">*** [b]heres the full code, enjoy[/b]! * * * * * * * * * * * * * * * * * * * * * * * * [color=orange][b]INSTRUCTIONS #1:[/b][/color] 1. Copy the CSS codes below and EDIT it on a NotePad 2. Save this file as myfile.css 3. Upload it to any web hosting site (e.g., www.ripway.com) [quote]CSS CODE: /* layout designed by - rj */ body {background:#000000;} body { scrollbar-arrow-color: #ff0000; scrollbar-base-color: #000000; scrollbar-dark-shadow-color: #ff0000; scrollbar-track-color: #000000; } #new_main_navigation {position: absolute; width: 714px; height: 22px; left: 270px; top: 53px;} #new_navigation {position: absolute; width: 126px; height: 207px; left: 270px; top: 85px; padding-top:5px;} #newprofileinfo {position: absolute; width: 340px; height: 206px; left: 427px; top: 90px; overflow:auto;} #newfriendbox {position: absolute; width: 180px; height: 206px; left: 796px; top: 90px; overflow:auto;} #newcommentbox {position: absolute; width: 230px; height: 334px; left: 270px; top: 320px; overflow:auto;} #newtestimonialbox {position: absolute; width: 460px; height: 334px; left: 520px; top: 320px; overflow:auto;} a:link {color:#ffffff;text-decoration:none;font-family:Trebuchet MS;font-weight:bold;} a:visited {color:#ffffff;text-decoration:none;font-family:Trebuchet MS;font-weight:bold;} a:hover {color:#ff0000;text-decoration:none;font-family:Trebuchet MS;font-weight:bold;} #nav1 a {font-size:14px;} #nav2 a {font-size:12px;} #newcommentbox a {font-size:12px;} #newcontainer {position: absolute; width: 100px; height: 100px; left:0px; top:0px;} body {color:#ffffff;font-family:Trebuchet MS;} p {color:#ffffff;font-family:Trebuchet MS;font-weight:bold;} h2 {color:#ff0000;font-family:Trebuchet MS;} .imgblock200 {background:transparent;border:none;} .so {display:none;} .more {display:none;} .evenrow {background-color:transparent;} #controlpanelbuttons a {border: none;background-color:transparent;} #controlpanelbuttons a:link {border: none;background-color: transparent;} #controlpanelbuttons a:visited {border: none;background-color: transparent;} #controlpanelbuttons a:hover {border:none; background-color: transparent;} /* FriendsterMagic - resize friend photo */ .friends.flogrid75 .ir img {width:120px !important;height:120px !imporant;border:none;} .friends.flogrid75 .ir {width:120px !important;height:120px !imporant;margin-top:5px;background-color:transparent;} /* FriendsterMagic - center friend photo */ .friends.flogrid75 {margin-left: 8px;padding-right:0px !important;width:0px;} .friends.dr {display: none;} /* FriendsterMagic - resize photo */ .photos.flogridp {margin-left:10px;margin-right:0px;width:200px;} .photos.flogridp .ir img {width:200px !important;height:150px !imporant;border:none;} .photos.flogridp .ir {width:200px !important;height:150px !imporant;margin-top:5px;background-color:transparent;} .flogridp .flogriditem {background:none;} #content_controlpanel_0 {width:300px !important;} #myframe {height:3000 !important;} #cboxdiv {margin-top:5px;} #credits, #shoutbox {display:none}[/quote] [color=orange][b]INSTRUCTIONS #2:[/b][/color] 1: Copy the JS codes below and EDIT it on a NotePad 2. Save this file as [b]myfile.txt[/b] 3. Upload it to any web hosting site (e.g., www.ripway.com) JS CODE: [quote]/*************************** Do not remove this headings! Coded by - dark'angel Some codes provided by ka Paul asian_magi[AT]yahoo.com FriendsterMagic.net ***************************/ //new_main_navigation var box_1 = "<a href=\"javascript:onClick=get_properties_3('content_6')\">More About Me</a> "; var box_2 = "<a href=\"javascript:onClick=get_properties_2('content_0')\">Main Profile</a> "; //var box_3 = "<a href=\"javascript:onClick=get_properties_2('content_18')\">My Testimonials</a> "; var box_4 = "<a href=\"javascript:onClick=get_properties_2('content_10')\">My Media Box</a> "; var box_5 = "<a href=\"javascript:onClick=get_properties_1('content_18')\">Public Comments</a> "; var box_6 = "<a href=\"javascript:onClick=get_properties_1('shoutbox')\">Shoutbox</a> "; var box_7 = "<a href=\"javascript:onClick=get_properties_1('credits')\">Credits</a> "; var new_main_nav = box_1+box_2+box_4+box_5+box_6+box_7; //new_navigation var nav_1 = "<a href=\"http://www.friendster.com/\">Home</a><br>"; var nav_2 = "<a href=\"http://www.friendster.com/user.php\">Profile</a><br>"; var nav_3 = "<a href=\"http://www.friendster.com/friends.php\">Friends</a><br>"; var nav_4 = "<a href=\"http://www.friendster.com/explore.php\">Explore</a><br>"; var nav_5 = "<a href=\"http://www.friendster.com/gallery.php\">Search</a><br>"; var nav_6 = "<a href=\"http://www.friendster.com/video.php\">Video</a><br>"; var nav_7 = "<a href=\"http://www.friendster.com/editcollege.php?A=s\">Schools</a><br>"; var nav_8 = "<a href=\"http://www.friendster.com/reviews/\">Reviews</a><br>"; var nav_9 = "<a href=\"http://www.friendster.com/blogs.php\">Blogs</a><br>"; var nav_10 = "<a href=\"http://www.friendster.com/group/mygroup.php\">Groups</a><br>"; var nav_11 = "<a href=\"http://www.friendster.com/love.php\">Love</a><br>"; var nav_12 = "<a href=\"http://friendstermagic.net\">Forum</a><br>"; var nav_13 = "<a href=\"http://www.friendster.com/invite.php\">Invite</a>"; var new_navigation = nav_1+nav_2+nav_3+nav_4+nav_5+nav_6+nav_7+nav_8+nav_9+nav_10+nav_11+nav_12+nav_13; //maincontent function show_main_content(){ var html_1 = "<div id=\"newcontainer\" align=\"center\">"; var html_2 = "<img border=\"0\" src=\"http://i135.photobucket.com/albums/q138/musikero214/babyharulayout-1.png\" width=\"1000\" height=\"700\">"; //replace image src if you want to use your own background var html_3 = "<div id=\"new_navigation\"></div>"; var html_4 = "<div id=\"newprofileinfo\"></div>"; var html_5 = "<div id=\"newfriendbox\"></div>"; var html_6 = "<div id=\"newcommentbox\"></div>"; var html_7 = "<div id=\"newtestimonialbox\"></div>"; var html_8 = "<div id=\"new_main_navigation\"></div>"; var html_9 = "</div>"; var show_box_info_content = html_1+html_2+html_3+html_4+html_5+html_6+html_7+html_8+html_9; window.document.getElementById('footer_container').innerHTML = show_box_info_content; } // function get_item_box(){ var main_box_1 = window.document.getElementById('content_1').innerHTML; var main_box_2 = window.document.getElementById('content_2').innerHTML; var main_box_3 = window.document.getElementById('content_0').innerHTML; var main_box_4 = window.document.getElementById('shoutbox').innerHTML; var show_box_info_1 = main_box_1; var show_box_info_2 = main_box_2; var show_box_info_3 = main_box_3; var show_box_info_4 = main_box_4; var show_nav_1 = "<center><span id=\"nav1\">"+new_main_nav+"</span></center>"; var show_nav_2 = "<center><span id=\"nav2\">"+new_navigation+"</span></center>"; window.document.getElementById('new_main_navigation').innerHTML = show_nav_1; window.document.getElementById('new_navigation').innerHTML = show_nav_2; window.document.getElementById('newprofileinfo').innerHTML = show_box_info_1; window.document.getElementById('newfriendbox').innerHTML = show_box_info_2; window.document.getElementById('newtestimonialbox').innerHTML = show_box_info_3; window.document.getElementById('newcommentbox').innerHTML = show_box_info_4; } //boxtoshow function get_properties_1(id) { document.getElementById('newcommentbox').innerHTML=document.getElementById(id).innerHTML } function get_properties_2(id) { document.getElementById('newtestimonialbox').innerHTML=document.getElementById(id).innerHTML } function get_properties_3(id) { document.getElementById('newprofileinfo').innerHTML=document.getElementById(id).innerHTML } document.write('<meta http-equiv="imagetoolbar" content="no">') ; document.write('<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">') ; //you may add some onLoad functions here just place a semicolon with them ( ; ) when adding one document.write('<body onload="show_main_content();get_item_box();ScrollMessageKo()">') ; document.write('<style type=text/css>table#flo_wrapper {display:none} #footer {display:none}</style>'); document.write('<span align="center" id="credits"><br><br><font face="Arial Narrow" color="#ffffff" size="1"><b>CREDITS</b><br><br>Creation by:<br><a target="_blank" href="http://www.friendster.com/slayout">RJ // fmagicianjames</a><br><br><br><a target="_top" href="http://www.friendstermagic.net">FriendsterMagic.net</a><br><br><a target="_top" href="http://www.friendstermagic.net"><img border="0" src="http://www.freewebtown.com/friendstermagic/images/logo.jpg" alt="FriendsterMagic.net" width="88" height="30"></a><br><br>Inspired by the codes of<br><a href="http://www.friendster.com/kapaul">ka Paul</a><br><br>ACKNOWLEDGEMENT<br>Thanks for the support of our members and of my co-forum moderators, specially to Mr. Skull, the FriendsterMagic Admin.<br><br>CROSSOVER<br>All Rights Reserved.<br>2007<br><br></font></span>') ; [color=green]//place cbox here, just replace the complete SRC if you want to use your own cbox[/color] document.write('<span id="shoutbox"><div align="center" id="cboxdiv"><iframe frameborder="0" width="220" height="75" src="http://www3.cbox.ws/box/?boxid=2719423&boxtag=6930&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: #000000 3px dashed;border-bottom:0px;" id="cboxform"></iframe><br><iframe frameborder="0" width="220" height="238" src="http://www3.cbox.ws/box/?boxid=2719423&boxtag=6930&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: #000000 3px dashed;" id="cboxmain"></iframe></div></span>') ; //Replace the URL_OF_FILE with the CSS URL. document.write('<link href=http://h1.ripway.com/ripwayerjames/req/haru/babyharu[1].css rel=stylesheet type=text/css>');[/quote] [color=orange][b]INSTRUCTIONS #3:[/b][/color] 1. Make sure you put the CSS URL in your .TXT file. (example below) document.write('<link href=[color=green]http://www.ripway/friendstermagic/xover.css[/color] rel=stylesheet type=text/css>'); 2. Get the URL of your [b].txt[/b] file then generate it in [url=http://friendstermagic.net/textloadergenv1-h53.htm][color=red][b]Fmagic text loader gen[/b][/color][/url] (Instructions Included) 3. Paste your generated codes to your "About Me" section. *********** tnx to: Dark angel, ka paul, renz ,micaela ,FM moderating team, photobucket, ripway [color=green]updated by - RJ-1-25-08[/color]

Last edited by miss kita pag tuesday (2008-01-26 11:18:22)