Well I've got a couple of new layouts if you wanna check them out, some I'm still not sure if I'm done with them or not, but check it out

www.xanga.com/ff_men_layout

www.xanga.com/ff_cloud_layout

www.xanga.com/new_layout_code

Hope you like them, and I'm always open to suggestions!!! Leave comments!!

T

Yes All the Music is very changable!! Someone else came on my site and changed all my music! I was kinda annoyed but haven't gotten around to changing it yet, also if you don't know where to find music and you want me to put the music you want on it then let me know and I will personalize your code for you!!!

Here is the code for what I have so far if you like it!!

Put this in your custom header

<!-- begin code provided by createblog.com --> <script type='text/javascript'> // intro splash page by micron // for more xanga scripts and help go to createblog.com // change this url to an image of your choice var image = ' http://i16.photobucket.com/albums/b3/sim64671/sephiroth21.jpg'; function enterSite() { document.getElementById('splash').style.display = 'none'; var content = document.getElementsByTagName("center"); for (var i=0; i<content.length;i++) { content[i].style.display = 'block'; } return false; } if (document.title.slice(-10) == 'Xanga Site') { document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>'); } </script> <!-- end code provided by createblog.com --> <OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> <PARAM NAME="uiMode" VALUE="invisible"> <PARAM NAME="Autostart" VALUE="False"> </object> <FORM ID="form"> <SELECT ID="playlist" size="1"> <!-- Add song info that appears in drop down list here --> <option value="0">Kevin Spacey- Beyond the Sea</option> <option value="1">Kevin Spacey - Mack The Knife</option> <option value="2">Kevin Spacey- Splish Splash</option> <option value="3">Kevin Spacey - Dream Lover</option> <option value="4">Kevin Spacey - As Long As I'm Singing</option> </SELECT> <BR> <BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);">&nbsp;<<&nbsp;</BUTTON> <BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></BUTTON> <BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);">&nbsp;>>&nbsp;</BUTTON>&nbsp; <BUTTON ID="StopButton" onclick="Stop();"><FONT color="maroon">Stop</FONT></BUTTON> <b><font size="3" color="black">Shuffle</font></b><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON"> </FORM> </CENTER> <comment ID="PlayHTML"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></comment> <comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment> <comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment> <script ID="Main" Language="JavaScript"> var songs = new Array(); //*******************************// //****** CHANGEABLE STUFF *******// //*******************************// var shuffle = false; // false = shuffle off, true = shuffle on var autoStart = true; // false = autoStart off, true = autoStart on var numberTracks = true; // true = place track number in front of list items, false = no track numbers // Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes): songs[0]=" http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/11581/30276_1_6_05.asf"; songs[1]=" http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/11581/30276_1_5_05.asf"; songs[2]=" http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/11581/30276_1_14_05.asf"; songs[3]=" http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/11581/30276_1_13_05.asf"; songs[4]=" http://a425.v8384d.c8384.g.vm.akamaistream.net/7/426/8384/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/11581/30276_1_17_05.asf"; //*******************************// //*******************************// // Initializations // with (document){ var length = forms['form'].playlist.length; if(numberTracks){ for (var i = 0; i < length; i++){ forms['form'].playlist.options[i].innerHTML = (i+1) + " - " + forms['form'].playlist.options[i].innerHTML; } } if (shuffle) { var randsg = Math.floor(Math.random()*songs.length); Player.url = songs[randsg]; forms['form'].playlist.options[randsg].selected = true; forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML; } else { forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML; Player.url = songs[0]; } if(autoStart){ var snum = forms['form'].playlist.selectedIndex; if(Player.url != songs[snum]){ Player.url = songs[snum]; } Player.controls.Play(); } } // Functions // // Discription: "PlayPause" will toggle playing and pausing if the same song is still selected, // otherwise it will load the newly selected song function PlayPause(list) { var snum = list.selectedIndex; if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){ if(Player.playState == 3){ Player.controls.Pause(); } else { Player.controls.Play(); } } else { Player.url = songs[snum]; Player.controls.Play(); } } // Discription: "Next" will move to the next music file if shuffle is off // otherwise it will load a random song. Calls PlayPause to start music. function Next(list) { var snum = list.selectedIndex; if (!shuffle) { if (snum == list.length-1) { snum = -1; } snum++; } else { var temp; do{ temp = Math.floor(Math.random()*songs.length); } while(temp == snum); snum = temp; } list.options[snum].selected = true; PlayPause(list); } // Discription: "Back" does the same thing as "Next" but moves backwads // through the list. If shuffle is on then picks a random song. function Back(list) { var snum = list.selectedIndex; if (!shuffle) { if (snum == 0){ snum = list.length; } snum--; } else { var temp; do{ temp = Math.floor(Math.random()*songs.length); } while(temp == snum); snum = temp; } list.options[snum].selected = true; PlayPause(list); } // Discription: Self explanitory. function Stop(){ Player.controls.Stop(); } // Discription: Makes the shuffle flag the same as the status of the CheckBox // The status of the checkbox (true/false) indicates if the box is checked function ToggleShuffle(CheckBox) { shuffle = CheckBox.status; } </SCRIPT> <script ID="StateChangeHandler" Language = "JavaScript" For = "Player" Event = playStateChange(NewState)> // Description: This is an interupt handler used to handle instances when the // state of the player changes to play or stop for example. //STATE.innerText = NewState; switch(NewState){ case 8: // Handles player after it just finishes playing through a song var num = document.forms['form'].playlist.selectedIndex; if (!shuffle){ if(num == document.forms['form'].playlist.length-1){ num = -1; } num++; } else { var temp; do{ temp = Math.floor(Math.random()*songs.length); } while(temp == num); num = temp; } document.forms['form'].playlist.options[num].selected = true; PreviousState = NewState; break; case 1: // Handles player after it stops if(PreviousState == 8){ var num = document.forms['form'].playlist.selectedIndex; Player.settings.autoStart = true; Player.url = songs[num]; PreviousState = NewState; } else if (PreviousState != 3 && PreviousState != 2){ Player.controls.Play(); Player.settings.autoStart = false; } else{ forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML; } break; case 3: // Handles player after it starts to play PreviousState = NewState; forms['form'].PlayPauseButton.innerHTML = "Pause"; shuffle = document.forms['form'].ShuffleSwitch.status; break; case 2: // Handles player after being paused PreviousState = NewState; forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML; break; default: } </SCRIPT> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <!-- begin code provided by createblog.com --> <div style="overflow: auto; width: 975px; height: 900px; margin-top 40px; margin-left: 100px;"> <form name="a795"> <p><select name="a354" size="1"> <option selected value="http://www.xanga.com/signin.aspx">Sign In</option> <option value="http://www.xanga.com/logout.aspx">Log Out</option> <option value="#">---------------------</option> <option value="http://xanga.com">Xanga</option> <option value="http://xanga.com/tanyaspics">Refresh</option> <option value="http://www.xanga.com/private/home.aspx">Private</option> <option value="http://www.xanga.com/CLAF/default.asp">CLAF</option> <option value="http://www.xanga.com/profile.aspx?user=YOURXANGA">Profile</option> <option value="http://www.xanga.com/guestbook.aspx?user=YOURXANGA">Guestbook</option> <option value="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA">Add Me</option> <option value="http://www.xanga.com/Private/subs.aspx">Subscriptions</option> <option value="http://www.xanga.com/Private/feedback.aspx">Feedback</option> <option value="#">---------------------</option> <option value="http://www.xanga.com/finalfantasy2000">Skin Test page</option> <option value="http://www.xanga.com/tanyaspics"> Skin Creator's page</option> <option value="link url">name of link</option> <option value="link url">name of link</option> <option value="link url">name of link</option> <option value="link url">name of link</option> <option value="link url">name of link</option> <option value="link url">name of link</option> <option value="link url">name of link</option> <option value="link url">name of link</option> </select> </form> </select> <input type="button" value="Check it out" onClick="location=document.a795.a354.options[document.a795.a354.selectedIndex].value"></p> </form> <!-- end code provided by createblog.com --> <Marquee direction=left> <img src="http://i16.photobucket.com/albums/b3/sim64671/ff7logo.gif" height="150" ><img src="http://i16.photobucket.com/albums/b3/sim64671/sephir.bmp" height="150" > <img src="http://i16.photobucket.com/albums/b3/sim64671/sephiroth.jpg" height="150" > <img src="http://i16.photobucket.com/albums/b3/sim64671/sephirothcgi2.jpg" height="150" ><img src="http://i16.photobucket.com/albums/b3/sim64671/sephirothheadflames.jpg" height="150" > <img src="http://i16.photobucket.com/albums/b3/sim64671/sephirothjenova.jpg" height="150" ><img src="http://i16.photobucket.com/albums/b3/sim64671/ff7gameover.jpg" height="150" > </marquee></marquee> <script language="JavaScript"> document.title ="::Final Fantasy [Skin by Tanya]::"</script> <style type="text/css"> body { background: fixed #ffffff url("http://i16.photobucket.com/albums/b3/sim64671/ffsephpic1.jpg" ); background-color: #; scrollbar-arrow-color: #990000; scrollbar-darkshadow-color: #ffffff; scrollbar-face-color: # ffffff; scrollbar-highlight-color: # 990000; scrollbar-shadow-color: # ffffff; scrollbar-track-color: # ffffff; scrollbar-3dlight-color: # 990000; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, li, ol, ul { /* edits main text */ font:normal 20px matisse itc; line-height:22px; color:#ffffff; letter-spacing:1px; text-align:justify; } div.blogheader, .caption { /* edits the dates */ font-family: copperplate gothic light; text-transform:uppercase; font-size:16px; line-height:17px; font-weight:bold; color:#000000; letter-spacing:1px; background-color: #transp; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#990000; text-decoration: matisse itc; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; text-decoration: matisse itc; } a:hover { /* edits when user mouseovers the links */ color:#ffffff; cursor: url (uri); text-decoration: matisse itc; } input, select, textarea, .textfield, .button, iframe.htmleditor, .htmleditor { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #990000; font:normal 18px copperplate gothic light; background-color: #000000; letter-spacing:1px; color: #990000; } table.left { /* this edits the menu module */ border: 1px solid #000000; width:160px; background-color: #transp; } table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid 000000; background-color: #transp; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://url.com/to/the/site/image.gif); background-color: #000000; font: bold 18px matisse itc; text-transform: uppercase; color: #990000; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(""); background-color: #transp; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1px solid #990000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #990000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 700px; } hr { /* horizontal divider */ border: 1px solid #000000; } </style> <DIV style="margin-top: 0%; border: 0px solid #000000;margin-left: -10%; OVERFLOW: auto; HEIGHT: 120%px; width: 100%; background-color:transp">

And Put This into your Webstats

<!-- begin code provided by createblog.com --> <style type='text/css'> .mainleft { display:none; } </style> <!-- end code provided by createblog.com --> <style type="text/css"> .custom{ width: 400px; height: 200px; z-index:100; overflow: auto; border: px #000000 solid; background: #transp; }</style><script> var tds = document.getElementsByTagName ('a'); for (var i = 0; i < tds.length; i++) { timeString = tds[i].innerText; if(timeString.match(/\d+:\d+ [ap]m\b/i)){ if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;} table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode; stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild; inner = stuff.innerHTML stuff.innerHTML=""; stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>'); } } </script> <!-- begin code provided by createblog.com --> <!-- Script by Paul Chen --> <td id="customRight" style="display:none" vAlign="top" width="200"> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="0" width="100%" border="2"> <tr><th class="left" vAlign="top" align="center"> My Links </th></tr> <tr><td class="left" vAlign="top"> Link to Tanya's Skins <br> <!-- begin code provided by createblog.com --> <img src="http://p3.xanga.com/3e/6c/3e6ceec0f6d141c3af04a3e5e872545a14936884.gif" alt="tanyaspics" width="100" height="200"><br> <textarea rows="5" class="buttoncode"><a href="http://xanga.com/tanyaspics" target="_blank"><img src="http://p3.xanga.com/3e/6c/3e6ceec0f6d141c3af04a3e5e872545a14936884.gif" border="0" alt="Icon's and Pics by Tanya" width="100" height="200"></a></textarea> <!-- end code provided by createblog.com --> <br> </td></tr> </table> <br/> <!-- module:end --> <!-- module:start --> <table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1"> <tr><th class="left" vAlign="top" align="center"> Thumbnail Gallery </th></tr> <tr><td class="left" vAlign="top"> Put text or code for pictures here The code for pictures is < img src=" url of picture"> <!-- end code provided by createblog.com --></td></tr> </table> <br/> <!-- module:end --> </td> <script> extra=false; j=document.getElementById('MoreoverModule1_lblModuleTitle') if(j){extra=true} index=0; var mytds = document.getElementsByTagName('td'); var i = 0; for(i=0;i<mytds.length-1;i++){ if(mytds[i].width=="200"){ index++; if(index==(extra ? 2 : 1)){break;}} } var sidebar = (extra ? mytds[i]: mytds[i].parentNode) var tsibpc = document.getElementById('customRight'); var rightSide = tsibpc.cloneNode(true); rightSide.style.display = "block"; sidebar.appendChild(rightSide); </script> <!-- end code provided by createblog.com --> <style type="text/css"> /* Did You Know? Remover - xanga.com/add_ons */ Table.Announcements TD {display: none;}; </style> <script language="JavaScript"> <!-- Scroll Surprise by kurt.grigg@virgin.net colours=new Array('000000','990000','000000','990000','000000','990000','000000') function flash(){ var clrPos=Math.floor(Math.random()*colours.length) with (window.document.body.style){ scrollbarTrackColor=document.bgColor; scrollbarFaceColor=document.bgColor; scrollbarArrowColor=colours[clrPos]; scrollbar3dLightColor=colours[clrPos]; scrollbarHighlightColor=colours[clrPos]; scrollbarShadowColor=colours[clrPos]; scrollbarDarkShadowColor=colours[clrPos]; borderWidth=2; borderStyle='solid'; borderColor=colours[clrPos]; } } if (document.all)window.document.body.onscroll=flash; //--> </script> *Skin by Tanya* <style type="text/css"> /* Footer Remover - xanga.com/add_ons */ table.footer, table.footernav {display: none;}; </style>

Don't forget to change the music and input your xanga where it asks, and everything else. If you need any help with it let me know I'll be glad to help!!

Well thank you to all the wonderful people who commented on

my layout, I truely appreciate it, also feel free to check back

every now and then 'cause I'm going to try to work on more so

 that I can get a little better. My  next one will focuse more on

the manly side of FF, then I think I'll do one of the women of FF.

 Maybe just one for easch FF or something, I'm not sure, but if

you have any suggestions on what I should try next just let

 me know!!