:: Mindfreak One Box Layout :: (7th Layout)

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.

bunso before ako mag out naks nakagawa na sya ng crossover galing bunso !! more to come ha !! keep it up thumbs up

_________________

091011

aba aba galing Ash Bravo!

ganda nya!

diba madali lang Smile

more crossover lay to come Wink

_________________

Visit me at: www.wavegirlsdesigns.com or http://profiles.friendster.com/wavegirl

Hello Anonymous!
Your were born last 0
Your are now 0 years old
You have posted 0 messages
You registered here at FM last

thanks thanks ate, mas madli
lang mg-isip ng design sa crossover. . . yes yes yoow! dance

_________________

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.

ang lupit mo talaga kua,mamahalin na talaga kita innocent

_________________

wo0ot wo0ot! galing