- ashdesignz - FM Jr. Moderating Team


   Age : 21 Joined : 05 May 2008 Posts : 3995 Location : Philippines Karma Points :
   (10/100) Country : .png)
| Subject: :: Mindfreak One Box Layout :: (7th Layout) Mon Jul 21, 2008 9:35 pm | |
| My First Crossover Layout " Mindfreak Criss Angel One Box Layee " Best Viewed in IE/ 1024px by 786px Screen Resolution
LIVE PREVIEW NOTE: Banner Google Ads at the topmost part only appears in my LIVE PREVIEW but it does not appear in Friendster when you use my layout, thank you for visiting Friendstermagic.

Direct URL of my Layout:
| Quote: | | http://ashdesignz2.esmartdesign.com/layoutcodes/mindfreak.swf |
^ generate code in our latest JS Linker.
INSTRUCTIONS #1: 1. Copy the CSS codes and EDIT it on a NotePad 2. Save the file as myfile.css 3. Upload it to any web hosting site
| Quote: | /* Mindfreak Layout by asthonjohn1986 of Friendstermagic */ /* Codes From Tagalog Turorial of - Wavegirl/Lolly */
#newlayout { position:absolute; border:none; overflow:auto; width:572px; height:387px; z-index:1; left:15px; top:164px; padding-top:5; scrollbar-face-color: #000000; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #999999; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #999999; scrollbar-arrow-color: #999999; scrollbar-track-color: #000000; border-style: outset; border-width: 6px; border-color: #555555; filter:alpha(opacity=60); }
#boxnav {position:absolute;left:38px;top: 137px; border:0px ;width:510px; height:20;!important; padding: 3 3 0 3; filter:alpha(opacity=70);}
#boxnav a {font-size:10px;} #boxnav a:link {font-size:10px;} #boxnav a:visited {font-size:10px;} #boxnav a:hover {font-size:10px;}
#newnavigation {position:absolute;left:325px;top: 27px; border:none;width:600px;height:32px;filter:alpha(opacity=70);} #newnavigation a {font-size:10px;} #newnavigation a:link {font-size:10px;} #newnavigation a:visited {font-size:10px;} #newnavigation a:hover {font-size:10px;}
body { background:#000000; background-image: url(http://boxstr.com/files/2825050_zuarw/mindfreakinvert.JPG); background-attachment: scroll; background-repeat: no-repeat; background-position:left top; height: 100%; scrollbar-face-color: #000000; scrollbar-highlight-color: #999999; scrollbar-3dlight-color: #999999; scrollbar-darkshadow-color: #ffffff; scrollbar-shadow-color:#999999; scrollbar-arrow-color: #999999; scrollbar-track-color: #000000; border-style: outset; border-top-color: #555555; border-bottom-color: #555555; border-left-color: #555555; border-right-color: #555555; border-top-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-right-width: 8px; }
body {color:#ffffff;font-family:verdana;font-size:10px;} p {color:#ffffff;font-family:verdana;font-size:10px;} h2 {color:#ffffff;font-family:verdana;font-size:10px;}
/* CONTROL PANEL: BUTTONS ALIGN*/ #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { background:url('http://boxstr.com/files/2825397_lbjau/mindfreakbutton.png'); background-color: transparent; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; font-family: verdana; font-size: 10px!important; text-align:center; color: #000000; font-weight:normal; width:150px; height:20px; text-decoration: none! important; margin-left:30; margin-right:0; margin-top:3; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:2; padding-bottom:2; }
#controlpanelbuttons a:hover { background:url('http://boxstr.com/files/2825398_zdx5r/mindfreakhover.png'); background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-color: transparent; font-family: verdana; font-size: 10px!important; text-align:center; color: #ffffff!important; font-weight:normal; text-decoration:underline! important; width:150px; height:20px; margin-left:30; margin-right:0; margin-top:3; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:5; padding-bottom:0; }
/*BACKGROUND FOR VIEW ALL LINK*/ .viewall { text-align: center !important;color:#999999!important } .viewall a { background-image: url('') !important; background-position: left center; background-repeat: repeat !important; background-attachment: scroll; font-size: 10px; color: #999999!important; font-weight:normal; text-decoration: none !important; text-align: center !important; height: 20px !important; width: 122px !important; padding-top: 5px !important; padding-left: 2px !important; padding-right: 2px !important; padding-bottom: 2px !important; }
.viewall a:hover { background-image: url('') !important; background-position: left top; background-attachment: scroll; font-size: 10px!important; text-align:center; color: #ff3300!important; width: 130; padding-top: 5px !important; font-weight:normal; text-docoration: none !important; } .editlink { display: none !important; }
/* FriendsterMagic - master links */ body {cursor: url();} a {cursor: url();} a:link {color:#999999 ;text-decoration:none;font-family:verdana;} a:visited {color:#999999 ;text-decoration:none;font-family:verdana;} a:active {color:#999999 ;text-decoration:none;font-family:verdana;} a:hover {color:#ff3300;text-decoration:none;font-family:verdana;}
.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;}
.friends.flogrid75 .ir {width:120px !important;height:120px !imporant;margin-top:5px;background-color:transparent;}
/* FriendsterMagic - resize friend photo */ .friends.flogrid75 .ir img {width:100px !important;height:100px !imporant;border:none;} /* FriendsterMagic - center friend photo */ .friends.flogrid75 {margin-left:15px;margin-right:50px;width:320px;} .friends.dr {display: none;}
#myframe {height:3000 !important;} #credits {display:none;} #shoutbox {display:none;} #cboxdiv {margin-top:30px;} .user_tracker{display:none;}
body{top:expr/**/ession(friendsterforumpagetitle() function friendsterforumpagetitle(){ document.title =':: MindFreak Crossover Layout by Ash on Friendstermagic.Net ::'; });}
|
INSTRUCTIONS #2: 1: Copy the JS codes and EDIT it on a NotePad 2. Save the file as myfile.js 3. Upload it to any web hosting site
| Quote: | /*************************** Do not remove this headings! Coded by - ka Paul pauldemonteverde@yahoo.com FriendsterMagic.net ***************************/ //ito ang new_main_navigation. Kung gusto nyo ng line break sa navigation nyo gamitin nyo ang <br> tag //newnavigation var nav_1 = "<a href=\"http://www.friendster.com/\">Home </a>:: "; var nav_2 = "<a href=\"http://www.friendster.com/user.php\"> Profile </a>:: "; var nav_3 = "<a href=\"http://www.friendster.com/friends.php\"> Friends </a>:: "; var nav_4 = "<a href=\"http://www.friendster.com/explore.php\"> Explore </a>:: "; var nav_5 = "<a href=\"http://www.friendster.com/gallery.php\"> Search </a>:: "; var nav_12 = "<a href=\"http://friendstermagic.net\"> Forum </a>:: "; var nav_13 = "<a href=\"http://www.friendster.com/invite.php\"> Invite </a>"; var navigation_opening = "<div id=\"newnavigation\">"; var navigation_closing = "</div>"; var new_navigation = ""+navigation_opening+nav_1+nav_2+nav_3+nav_4+nav_5+nav_12+nav_13+navigation_closing+"";
//ito yung new_navigation. Kung gusto nyo ng space gamitin nyo kung ayaw nyo ng line break //boxnav var box_1 = "|| <a href=\"javascript:onClick=get_properties('content_0')\">My Profile</a> ||"; var box_2 = "<a href=\"javascript:onClick=get_properties('content_6')\"> About Me</a> ||"; var box_3 = "<a href=\"javascript:onClick=get_properties('content_2')\"> Friends</a> ||"; var box_4 = "<a href=\"javascript:onClick=get_properties('content_1')\"> Gallery</a> ||"; var box_5 = "<a href=\"javascript:onClick=get_properties('content_18')\"> Comments</a> ||"; var box_6 = "<a href=\"javascript:onClick=get_properties('shoutbox')\"> Shoutbox</a> ||"; var box_7 = "<a href=\"javascript:onClick=get_properties('content_10')\"> Media Box</a> ||"; var box_8 = "<a href=\"javascript:onClick=get_properties('credits')\"> Credits</a> ||"; var boxnav_opening = "<div id=\"boxnav\">"; var boxnav_closing = "</div>"; var all_box = ""+boxnav_opening+box_1+box_2+box_3+box_4+box_5+box_6+box_7+box_8+boxnav_closing+"";
//wag nyong galawin ito // function get_properties(id) { document.getElementById('newlayout').innerHTML=document.getElementById(id).innerHTML }
// function get_item_box(){ var main_box = window.document.getElementById('content_0').innerHTML; var show_box_info = "<center>"+all_box+"<div id=\"newlayout\">"+main_box+"</div>"+new_navigation+"</center>"; window.document.getElementById('footer_container').innerHTML = show_box_info; }
//dito ilagay ang credits kung sino gumawa ng layouts - NOTE: wag tagalin ang credits at logo ng Friendstermagic document.write('<span align="center" id="credits"><br><br><font face="Verdana" color="#f8f8e6" size="1"><b>CREDITS</b><br><br>Creation by:<br><a target="_blank" href="http://www.friendster.com/ashdesignz">asthonjohn1986/Ash</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://i159.photobucket.com/albums/t122/Wavegirl01/fm_logo7-1.gif" alt="FriendsterMagic.net" width="88" height="31"></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>') ;
//you may add some onLoad functions here just place a semicolon with them ( ; ) when adding one document.write('<body onload="get_item_box()">') ;
document.write('<style type=text/css>table#flo_wrapper {display:none} #footer {display:none}</style>');
//kung gusto nyo maglagay ng sarili nyong cbox - paste nyo dito ang codes document.write('<span id="shoutbox"><div align="center" id="cboxdiv"><iframe frameborder="0" width="300" height="75" src="http://www2.cbox.ws/box/?boxid=######&boxtag=####&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: #f8f8e6 1px dashed;border-bottom:0px;" id="cboxform"></iframe><br><iframe frameborder="0" width="300" height="320" src="http://www2.cbox.ws/box/?boxid=#######&boxtag=####&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: #f8f8e6 1px dashed;" id="cboxmain"></iframe></div></span>') ;
|
INSTRUCTIONS #3: 1. Make sure to compile your CSS and JS as one file. (codes below)
| Quote: | var script = document.createElement("script"); script.type = "text/javascript";script.src = "JS URL HERE"; document.getElementsByTagName("head")[0].appendChild(script);
var css = document.createElement("link"); css.type = "text/css"; css.rel = "stylesheet";css.href = " CSS URL HERE"; css.media = "screen, print";document.getElementsByTagName("head")[0].appendChild(css); |
2. Save your final work as myfile.SWF, upload to any file hosting site like freewebtown.com. 3. Paste your SWF URL in our latest JS Linker generator
Thanks To Ka Paul and Mommy Lolly's Crossover Tutorials
NOTE: Please avoid repeated click on About Me Section because the layout will reload again, friendster is still having an update. Thank you for your kind consideration and patience. _________________
  Currently busy until the end of my OJT and Programming Major Thesis, sorry if i csn't reply on your concerns regarding crossover layouts immediately.
Last edited by asthonjohn1986 on Tue Jul 22, 2008 5:27 am; edited 6 times in total |
|
091011 FM V.I.P. Team


   Age : 32 Joined : 12 Jun 2007 Posts : 1528 Location : Japan Quotes : Respect others..So they can respect you back. Interests : Computer and Music Karma Points :
   (5/100) Country : 
| Subject: Re: :: Mindfreak One Box Layout :: (7th Layout) Mon Jul 21, 2008 10:35 pm | |
| bunso before ako mag out naks nakagawa na sya ng crossover galing bunso !! more to come ha !! keep it up  _________________
|
|
- Wavegirl - FM V.I.P. Team


   Age : 31 Joined : 19 Mar 2007 Posts : 5038 Location : California, USA Karma Points :
   (3/100) Country : .png)
| Subject: Re: :: Mindfreak One Box Layout :: (7th Layout) Tue Jul 22, 2008 12:10 am | |
| aba aba galing Ash ganda nya!
diba madali lang 
more crossover lay to come  _________________
|
|
- ashdesignz - FM Jr. Moderating Team


   Age : 21 Joined : 05 May 2008 Posts : 3995 Location : Philippines Karma Points :
   (10/100) Country : .png)
| |
rheinonimous FM Loyal Member


   Age : 22 Joined : 15 Jul 2008 Posts : 935 Location : Dasma, Cavite Interests : lookin around Karma Points :
  (0/100) Country : .png)
| |
nanie FM V.I.P. Team


   Age : 19 Joined : 04 Apr 2007 Posts : 2692 Location : city of UK Quotes : rawk on^_^ Interests : friendstermagic Karma Points :
   (10/100) Country : 
| Subject: Re: :: Mindfreak One Box Layout :: (7th Layout) Tue Jul 22, 2008 4:56 am | |
| wo0ot wo0ot! galing |
|