[url=http://h1.ripway.com/mburns27/PREVIEWS/burnsdesigns.html][color=blue]LIVE PREVIEW[/color][/url]
My 1st Crossover Layout
[img]http://i37.tinypic.com/21411er.jpg[/img]
[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 =
'<div id="mymain_navi" style="position:absolute; left:220px; top:426px; width:400px; height:100px; overflow: hidden;"></div><div id="mymain_frame" style="position: absolute; left:150px; top:145px; width:475px; height:260px; overflow-X: hidden; overflow-Y: auto;"></div><div id="newbox2" style="position:absolute; left:685px; top:490px; width:160px; height:68px; overflow: hidden;"></div><div id="myfriends" style="position:absolute; left:665px; top:355px; width:210px; height:80px; overflow: hidden;"</div></div><div id="aboutme" style="position:absolute; left:660px; top:260px; width:210px; height:80px; overflow: hidden;"</div><div id="photo" style="position:absolute; left:670px; top:110px; width:184px; height:127px; overflow: hidden;"</div>';
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_18')\">Testimonials</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;
var showThisone2 = document.getElementById('content_2').innerHTML;
window.document.getElementById('myfriends').innerHTML = showThisone2;
/*************************************************
EDIT THE BLUE PART
PHOTO
*************************************************/
var showphoto="[color=blue]MAGE URL HERE note upload your pic in tinypic.com width:184px; height:127px then get the HTML CODE FOR WEBSITE[/color]";
window.document.getElementById('photo').innerHTML = showphoto;
/*************************************************
EDIT THE BLUE PART
ABOUT ME
*************************************************/
var showaboutme="[color=blue]Name: NAME HERE<br>Age: AGE HERE<br>Gender: GENDER HERE<br>Status: STATUS HERE<br>Hometown:HOME TOWN HERE[/color]";
window.document.getElementById('aboutme').innerHTML = showaboutme;
/*************************************************
EDIT THE BLUE PART
THIS PART HERE IS FOR YOU MP3
PLAYER
*************************************************/
var showNewbox2="[color=blue]MP3 Player CODE[/color]";
window.document.getElementById('newbox2').innerHTML = showNewbox2;
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"><br><br><br><br><br><br><br>More free layouts and graphics at <a href="http://www.friendstermagic.net">FriendsterMagic.net</a><br><blink>MJ-BURNS</blink></div></span>');
document.write('<link href="http://h1.ripway.com/mburns27/mj-codes/burnsdesigns.css" rel="stylesheet" type="text/css">');
//BELOW THIS LINE YOU CAN ADD MORE JAVASCRIPT
//MOUSE POINTER REVOLVE
//PHILIPPINE COPYRIGHT 2008, PAULDEMONTEVERDE
var pointer = new Array('e-resize','ne-resize','n-resize','se-resize')
var _index = 0
var _speed = 50
var direction = 1
if (direction) pointer.reverse()
function _revolve(){
document.body.style.cursor=pointer[_index]
_index++
if (_index==pointer.length) _index=0
setTimeout('_revolve()',_speed)
}
window.setTimeout('_revolve()',500)[/quote]
[color=blue]INSTRUCTION[/color]
1.Open NOTEPAD and copy this code
2. Edit those BLUE PART
NOTE: in evry HTML code that have been added just like for the image url and for your mp3 player
all DOUBLE QOUTE must change to SINGLE qoute.
[quote]Example:
mp3 player code
THIS IS A DOUBE QOUTE
<embed src="http://www.loudfusion.com/widgets/music/10" name="Loudfusion.com" quality="high" wmode="transparent" flashvars="USERID=158216" width="126" height="54" type="application/x-shockwave-flash"></embed>
THIS IS A SINGLE QOUTE
<embed src='http://www.loudfusion.com/widgets/music/10' name='Loudfusion.com' quality='high' wmode='transparent' flashvars='USERID=158216' width='126' height='54' type='application/x-shockwave-flash'></embed>[/quote]
3. After you done it save this file as [color=blue]myprofile.js[/color]
4. Upload this in a Web hosting. I recomend
www.ripway.com
5. Then copy the URL of the oploaded file
6. Paste it here <script src='[color=blue]URL HERE[/color] '></script>
7. Paste the code in WHO I WANT TO MEET
[color=bue]SPECIAL THANKS TO[/color]
Manong ASH
Kapaul
Wavegirl
Friendster Magic
Friendster Talk
Photoshop
At xempre SAKIN!
Wag kalimutan mag comment
Last edited by mburns27 (2008-12-16 07:52:29)