How to Create CrossFlash Layout ( Video Demo and Tutorial )

PART 1

PART 2

Tutorial Requirements:
Macromedia Flash 8
Fileave Account or any hosting account that supports Flash File
Notepad for Positioning Scratch
Background Image

Click Here for Crossflash Sample

Quote :: /*************************************************
THIS NOTE MUST STAY INTACT WITH THIS CODE!
CONSTRUCTED AND CODED BY MR. PAUL DEMONTEVERDE
YOU CAN USE FREELY ALL TEMPLATES, GRAPHICS AND CODES
BY AGREEING NOT TO REMOVE THIS COMMENT
PHILIPPINE COPYRIGHT 2008, PAULDEMONTEVERDE
*************************************************/
function loadLayout(){
var alterwithThis =
'<center><div id="container" style="position: relative; margin: 0px; width:1024px; height: 768px;"><embed src="URL_OF_FLASH" width="100%" height="100%" wmode="transparent"></embed><div id="mymain_navi" style="position:absolute; left:???px; top:???px; width:???px; height:???px; overflow: hidden;"></div><div id="mymain_frame" style="position: absolute; left:???px; top:???px; width:???px; height:???px; overflow-X: hidden; overflow-Y: auto;"></div></div></center>';
window.document.getElementById('footer_container').innerHTML = alterwithThis;

var Rcontent =
"<a href=\"http://www.friendster.com/\">Home</a> | "
+"<a href=\"javascript:onClick=revealContent('content_0')\">Profile</a> | "
+"<a href=\"javascript:onClick=revealContent('content_6')\">About Me</a> | "
+"<a href=\"javascript:onClick=revealContent('content_1')\">Gallery</a> | "
+"<a href=\"javascript:onClick=revealContent('content_2')\">My Friends</a> | "
+"<a href=\"javascript:onClick=revealContent('content_18')\">Testimonials</a> | "
+"<a href=\"javascript:onClick=revealContent('content_10')\">Media Box</a> | "
+"<a href=\"javascript:onClick=revealContent('credits')\">Credits</a>";
window.document.getElementById('mymain_navi').innerHTML = Rcontent;

var showThisone1 = document.getElementById('content_0').innerHTML;
window.document.getElementById('mymain_frame').innerHTML = showThisone1;
}
function revealContent(id) {
document.getElementById('mymain_frame').innerHTML = document.getElementById(id).innerHTML
}
document.write('<body onload="loadLayout()">');
document.write('<style>table#flo_wrapper,#credits {display:none} #footer_container {display:table !important}</style>');
document.write('<span id="credits"><div id="creditsHolder">More free layouts and graphics at <a href="http://www.friendstermagic.net">FriendsterMagic.net</a><br>NAME OF LAYOUT CREATOR</div></span>');
document.write('<link href="URL of CSS FILE" rel="stylesheet" type="text/css">');

//BELOW THIS LINE YOU CAN ADD MORE JAVASCRIPT

BLUE PART - URL OF FLASH FILE
The container size must also be the same with the flash background size.

Quote :: <div id="container" style="position: relative; margin: 0px; width:1024px; height: 768px;">

The ??? remaining we're the sizes of the box and the position of the box,
watch the video for the demo.

For the URL of CSS FILE, create CSS pattern from non-crossover layouts regarding the boxes properties only and link color, background images and even additional box positioning, just do the same thing to compile. Save in notepad as yourfilename.CSS and upload file in your fileave account or any web hosting site :)

Original Concept of Pogi na Nurse
Codes by Ka Paul

wii thank you for this kuya ash!
dami matutulungan neto hehe

napakagaling naman po...