HomeHome  portal1portal1  GalleryGallery  SearchSearch  Link Rotation  Donate  RegisterRegister  Log inLog in  


Global Announcement

FriendsterAddictz Forum is on-search for Moderators. For more information, click THIS.
Please promote FriendsterAddictz Forum.


How to Create CrossFlash Layout ( Video Demo and Tutorial )

View previous topicView next topicGo down
Author Message
- ashdesignz -
Administrator
avatar

Male
Age : 32 Registration date : 2008-08-02 Number of posts : 33 Location : Philippines



PostSubject: How to Create CrossFlash Layout ( Video Demo and Tutorial ) Mon Jan 26, 2009 1:38 pm

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

_________________
visit me at http://ashdesignz.multiply.com

Sign-up my Guestbook Here
Back to topGo down
View user profile
- JoyChristian -
Moderator
avatar

Male
Age : 25 Registration date : 2008-07-14 Number of posts : 611 Location :



PostSubject: Re: How to Create CrossFlash Layout ( Video Demo and Tutorial ) Mon Jan 26, 2009 2:47 pm

wii thank you for this kuya ash!
dami matutulungan neto hehe
_________________
Back to topGo down
View user profile
welahluv
Activated
avatar

Female
Age : 32 Registration date : 2009-03-16 Number of posts : 5 Location :



PostSubject: Re: How to Create CrossFlash Layout ( Video Demo and Tutorial ) Thu Mar 19, 2009 12:15 am

napakagaling naman po...
Back to topGo down
View user profile
Sponsored content








PostSubject: Re: How to Create CrossFlash Layout ( Video Demo and Tutorial )

Back to topGo down

How to Create CrossFlash Layout ( Video Demo and Tutorial )

View previous topicView next topicBack to top
Page 1 of 1

Permissions in this forum: You cannot reply to topics in this forum
FriendsterAddictz :: CrossOver Section :: Crossover Tutorials, Codes and Tricks -