vote for us!! --> <-- vote for us!!!

REQUESTS ARE CLOSED!!!!!!

HEY EVERYONE! BRE AGAIN... SUPER BUSY SO I HAVEN'T HAD ANY TIME TO MAKE NEW LAYOUTS... I PROBABLY WON'T FOR AWHILE SO WHEN I HAVE TIME I WILL TRY TO GET SOME DONE... I'LL KEEP THE SITE RUNNING FOR RIGHT NOW BUT I NEED YOU GUYS TO GIVE ME TIME TO MAKE NEW LAYOUTS... THEREFORE I WON'T BE TAKING ANY REQUESTS... IF YOU MAKE ONE THAT JUST PISSES ME OFF AND GIVES ME MORE WORK TO DO SO I CAN'T GET ANY OF THE ONES THAT HAVE ALREADY BEEN REQUESTED DONE... SO WITH THAT SAID... HOPE EVERYTHING IS GOING WELL FOR ALL OF YOU AND KEEP VOTING!!!

-BRE- 

PLEASE JOIN OUR BLOGRING AND SUBSCRIBE TO US!!!

ALSO, IF YOU REQUESTED SOMETHING...YOU CAN PICK IT UP ON THE THIRD ENTRY DOWN!!

IF YOU NEED ANYTHING, PLEASE LEAVE A COMMENT DOWN BELOW...DO NOT SIGN THE GUESTBOOK BECAUSE WE DO NOT READ THE ENTRIES IN THERE VERY OFTEN!!

 Join our Blogring --> here <-- 
if you have used a layout or like the layouts on our site...

Newest Subscribers:
BasketBallObsesser
badxtoxthexbone
germanchoclate69
sports4life32
RAFY_ROX_27

Total Subscribers: 342

Thank You All For Subscribing, Especially during our long break!!!

7 people in the blogring!! Please join!!

AWARDS FROM LAYOUT_CHALLENGES!!!

Vin Diesel Challenge - 3/10/05

COMPLETED
Crossfade
Michael Jordan
Spongebob Squarepants
Boyz In Da Hood

   UPCOMING LAYOUTS

vote for us!! --> <-- vote for us!!!

REQUESTS ARE CLOSED!!!

How to Insert Layouts on to your Xanga

First, click on the link to the layout you want. Copy the codes that are on the page by right clicking, then pressing select all, copying them and pasting them into your custom header box under look and feel...

Sometimes, the images on our sites will go down sometimes...if this happens let me know...Whenever the codes are not working, please leave us a comment or e-mail us at...

lay_em_out@hotmail.com

Thanks!!

 denotes new layout 
 denotes popular layout 
 denotes top most viewed layout
 denotes layout is not working and is being fixed
 denotes layout is working again if it had problems

Bre does the designing and Brian puts all the codes together to make the layout.

We've only made a few layouts so far...there will be more coming soon...

We are starting on some new layouts and will have them up as soon as we can...

There are two sections of layouts...one for all sports teams so you can support your favorite team/school and the second section is for all other layouts that are regular ones with themes...

Please do not copy any of our work...it took us a very long time to do it...

Any jockers will be shown on this page as taking our work...

PICKUPS

Leave a comment on this entry to let me know you picked up your layout.

For goin2thenba (Personalized Layout)
<img src="http://img124.echo.cx/img124/7721/goin2thenbaheader3vs.png"> <style type="text/css"> /*goin2thenba*/ /*by Brian and Bre C (www.xanga.com/lay_em_out)*/ body { background-image: url(http://img44.echo.cx/img44/5665/goin2thenbabball23cj.png); background-repeat: no-repeat; background-color: #ffffff; background-position: bottom right; background-attachment: fixed; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #ff0000; scrollbar-3dlight-color: #FF0000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff; } #ff0000rblEprops,#ff0000pnlEnabled table,#ff0000Eprops table { width: auto !important; } table.blogbody { width:200px; font-family: Arial; font-weight: none; font-size: 12pt; color: ff0000; text-align: justify; padding: 0px; margin-top: 2px; } .caption, .blogheader { width: 380px; padding: 3px; font-family: Arial; font-size: 16pt; text-align: center; color: 000000; background-color: ffffff; text-transform: lowercaps; margin-top: 10px; } div.smalltext{ width: 400px; padding: 3px; text-align: left; } div.blogheader, .caption { /* edits the dates */ font-family:Arial; text-transform:lowercase; font-size:16px; line-height:30px; font-weight:bold; filter: alpha (opacity=100, finishopacity=10, style=1); height: 1px; background-color: #ffffff; color:ff0000; letter-spacing:1px; text-align: right; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff0000; text-decoration: none; font:normal 12px arial; line-height:16px; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ff0000; text-decoration: none; font:normal 12px arial; line-height:16px; } a:hover { /* edits when user mouseovers the links */ {background:url(http://img81.exs.cx/img81/7976/red_spark.gif); font:bold 13px arial; line-height:16px; cursor:crosshair; color:#000000; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 7px dashed #000000; font:normal 11px Arial; background-color: #ffffff; letter-spacing:0px; color: #ff0000; } table.left { /* this edits the menu module */ border: 7px dashed #000000; width:160px; font:normal 11px arial; line-height:16px; } table.blogbody { /* this edits the other the place where the blog is */ border: 7px dashed #000000; background-color: #ffffff; width:400px; font:normal 11px arial; line-height:16px; color: #ff0000; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: #000000; filter: alpha (opacity=0, finishopacity=100, style=1); font: bold 11px arial; text-transform: lowercase; text-align: right; color: #ff0000; border: 7px dashed #000000; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #ffffff; border: none; font:normal 11px arial; line-height:16px; color: #ff0000; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px dashed #000000; } P, B, I, TD, TH {font-family: arial; color: #ff0000; font-size: 10pt; } b, strong, i, u, { /* edit colors when bold italic underline */ font-family: arial; font-size: 10pt; font-weight: bold; text-transform: lowercaps; </style> <!-- Blink Boxes : Provided by Blogring.net --> <script language=JavaScript> <!-- //blink boxes - xanga.com/add_ons //by sean f http://www.xanga.com/seanmeister //fixed to work with new security measures by //hotaru_01 http://www.xanga.com/hotaru_01 // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#FF0000","#000000"); // the border color var blinkBorderColor = "#ffffff" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 1; // the # of columns var blinkCols = 8; // the width of the entire box, in pixels or % var blinkWidth = 500; // the height of each row, in pixels var blinkRowHeight = 10; // speed of blinking, in milliseconds var blinkRate = 8; // do not edit below this line st=setTimeout; document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>"); for (r = 0; r < blinkRows; r++){ document.write("<TR>"); for (c = 0; c < blinkCols; c++){ document.write("<TD height='" + blinkRowHeight + "'></TD>"); } document.write("</TR>"); } document.write("</table>"); // ... and this makes it blink function blinkIt() { changecell = Math.floor(Math.random() * (blinkCols * blinkRows)); changecolor = Math.floor(Math.random() * blinkColors.length); bb = document.getElementById("blinkbox"); bbtd = bb.getElementsByTagName("td"); bbtd[changecell].style.backgroundColor = blinkColors[changecolor]; st('blinkIt()', blinkRate); } blinkIt(); //--> </script> <!-- End Script by Blogring.net --><a href="http://www.xanga.com/lay_em_out"> Made by Brian and Bre C</a><!-- End Script by Blogring.net --> <BODY style="border-bottom: #000000 15t solid; border-top: #000000 15t solid; border-left: #Ff0000 15t solid; border-right: #Ff0000 15t solid"></TBODY>

vote for us!! --> <-- vote for us!!!

SPORTS TEAMS


LAYOUTS

Nolayouts
Total sports layouts = 65

COLLEGE TEAMS

Alabama Crimson Tide
Arizona Wildcats
Arkansas State Indians
Boston College Eagles
Bowling Green Falcons 
UConn Huskies 
Duke Blue Devils
Florida Gators
Florida State Seminoles 
Georgia Bulldogs
Georgia Tech Yellow Jackets 
Gonzaga Bulldogs
Illinois Fighting Illini
Iowa Hawkeyes 
Kansas Jayhawks
Kentucky Wildcats 
Louisville Cardinals 
Miami Hurricanes
Michigan State Spartans 
Michigan Wolverines
Minnesota Golden Gophers 
Muskingum Muskies
Nebraska Huskers  
North Carolina Tar Heels 
Notre Dame Figthing Irish
Ohio State Buckeyes
Oklahoma State Cowboys
Oklahoma Sooners
Penn State Nittany Lions
Pittsburgh Panthers
Tennessee Volunteers 
Texas Longhorns
Texas A&M Aggies 
UCLA Bruins
USC Trojans
Villanova Wildcats
Wake Forest Demon Deacons 
West Virginia Mountaineers
Wichita State Shockers
Wisconsin Badgers
Xavier Musketeers 

NATIONAL BASKETBALL ASSOCIATION TEAMS

Charlotte Bobcats
Miami Heat
Seattle Supersonics

MAJOR LEAGUE BASEBALL TEAMS

Atlanta Braves
Anaheim Angels 
Baltimore Orioles
Boston Red Sox 
Chicago Cubs 
Cleveland Indians
Houston Astros
Milwaukee Brewers
Minnesota Twins
New York Mets
New York Yankees
Philadelphia Phillies
St. Louis Cardinals
Toronto Blue Jays

NATIONAL HOCKEY LEAGUE TEAMS

Colorado Avalanche
Minnesota Wild

NATIONAL FOOTBALL LEAGUE TEAMS

Carolina Panthers
Green Bay Packers
Indianapolis Colts
Minnesota Vikings
Tampa Bay Buccaneers

OTHER 


LAYOUTS

Fivelayouts
Total layouts =52

ANIMATED

Speedometer 
Rest In Peace
Green Day

COLORS

Red, Orange, and Yellow (on white background) 
Red, Orange, and Yellow (on black background) 
Dark Green and Dark Gold 
Pink, Black, and White
Pink, Black, and White (stripes) 
Blue, Lime Green, Hot Pink, and Purple Lines
Pink, Blue, Orange, and Dark Green (horizontal stripes)

SHOWS/MOVIES/PLAYS

The OC (with cast) 
The OC (with logo)
Phantom of the Opera 
Scarface
Family Guy
The Ring

CELEBRITIES

Vin Diesel  *award winning!!
Marilyn Monroe 
Ashlee Simpson
Nelly
Manny Ramirez 2004 WS MVP
Dr. Dre
J.J. Redick
Michael Jordan

BANDS/LYRICS

Thursday 
Hawthorne Heights
Straylight Run - Your Name Here (with music) 
Backstreet Boys
Jimmy Eat World - Pain (with music)
Kelly Clarkson - Beautiful Disaster (with music)
Simple Plan 
OAR 
Ingram Hill - Will I Ever Make It Home 
Foo Fighters - Best of You (with music)
Oasis - Wonderwall (with music)
All American Rejects
Green Day
Crossfade
Boyz in da Hood

QUOTES

"In this world of black and white..."

DISNEY

Aladdin
Winnie the Pooh 
Walt Disney World
The Little Mermaid
Cinderella

FOOD/CANDY

Skittles 

SPORTS

Tennis

NICKELODEON

Spongebob Squarepants

OTHER

Poker Chips 
Royal Flush
Cars 
Majorette 
Strawberry Shortcake 
Lamborghini Diablo

vote for us!! --> <-- vote for us!!!

HTML CODES

Code to Link to Us!!
Looks like this
|
v

<a href="http://www.xanga.com/home.aspx?user=lay_em_out" target="_blank"><img src="http://img136.exs.cx/img136/754/buttonanimation1bd.gif" border="0" alt="lay_em_out" width="88" height="31"></a>

Birthday Countdown - place in custom header or website stats

<!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> </tr><script language="JavaScript1.2"> var today = new Date; var Future0 = new Date; var BirthMonth = 6; var BirthDate = 20; var BirthYear = 1987; BirthMonth--; Future0.setMonth(BirthMonth, BirthDate); if (Date.parse(today) > Date.parse(Future0)) { Future0.setFullYear(today.getYear()+1); age = (today.getYear() - BirthYear) + 1; } else {age = today.getYear() - BirthYear;} if (age % 10 == 0) ageend = 'th'; else if (age % 10 == 4) ageend = 'th'; else if (age % 10 == 5) ageend = 'th'; else if (age % 10 == 6) ageend = 'th'; else if (age % 10 == 7) ageend = 'th'; else if (age % 10 == 8) ageend = 'th'; else if (age % 10 == 9) ageend = 'th'; else if (age % 10 == 1) ageend = 'st'; else if (age % 10 == 2) ageend = 'nd'; else if (age % 10 == 3) ageend = 'rd'; var faraevent = "<font color=#99CC33><i>my birthday</font>"; today1 = Date.parse(today); future1 = Date.parse(Future0); secleft = future1 - today1; miliday = 24 * 60 * 60 * 1000; daysleft = secleft/miliday; daysleftint = Math.round(daysleft); if (daysleftint > 1) document.write(" ", daysleftint, " days until <font color=#99CC33>my <i>", age, ageend, "</i> birthday</font>"); else if (daysleftint == 1) document.write("<font color=#99CC33>my <i>", age, ageend, "</i> birthday</font> is tomorrow"); else if (today1 == future1) document.write("<font color=#99CC33>my <i>", age, ageend, "</i> birthday</font> is today"); else document.write("passed"); </script><br> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com --> <!-- begin code provided by createblog.com -->

Blink Boxes - place in custom header or website stats

<!-- begin code provided by createblog.com --> <script> <!-- begin code provided by createblog.com --> <!-- //blink boxes - xanga.com/add_ons //by sean f http://www.xanga.com/seanmeister //fixed to work with new security measures by //hotaru_01 http://www.xanga.com/hotaru_01 // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#339933","#999999","#ffffff"); // the border color var blinkBorderColor = "#000000" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 1; // the # of columns var blinkCols = 100; // the width of the entire box, in pixels or % var blinkWidth = 750; // the height of each row, in pixels var blinkRowHeight = 10; // speed of blinking, in milliseconds var blinkRate = 8; // do not edit below this line st=setTimeout; document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>"); for (r = 0; r < blinkRows; r++){ document.write("<TR>"); for (c = 0; c < blinkCols; c++){ document.write("<TD height='" + blinkRowHeight + "'></TD>"); } document.write("</TR>"); } document.write("</table>"); // ... and this makes it blink function blinkIt() { changecell = Math.floor(Math.random() * (blinkCols * blinkRows)); changecolor = Math.floor(Math.random() * blinkColors.length); bb = document.getElementById("blinkbox"); bbtd = bb.getElementsByTagName("td"); bbtd[changecell].style.backgroundColor = blinkColors[changecolor]; st('blinkIt()', blinkRate); } blinkIt(); //--> <!-- end code provided by createblog.com --> </script> <!-- end code provided by createblog.com -->

Entries fade away until you hover over them - place in custom header or website stats

<!-- begin code provided by createblog.com --> <script language="javascript"> //Sets blog opacity (0-100) opcty = 10; //Sets rollover opacity msvropcty = 100; //////////////////////////////////// tables = document.getElementsByTagName('table'); for(var j=0;j<tables.length;j++){ if(tables[j].className == "blogbody"){ tables[j].style.filter = "alpha(opacity=" + opcty + ")"; tables[j].onmouseover = function(){this.style.filter = "alpha(opacity=" + msvropcty + ")";} tables[j].onmouseout = function(){this.style.filter = "alpha(opacity=" + opcty + ")";} } } //--></script> <!-- end code provided by createblog.com -->

Display any amount of entries - place in website stats

<!-- begin code provided by blogring.net --> <script> numberOfEntries = 2; //Change this value here... if(location.pathname=='/home.aspx'){ 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)){break;} } stuff = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode; for(j=1;j<numberOfEntries;j++){ stuff=stuff.nextSibling.nextSibling.nextSibling if(stuff.tagName=='BR'){ stuff=stuff.previousSibling; } } for(i=0;i<20;i++){ if(stuff.tagName=='HR' && stuff.nextSibling.tagName=='TABLE') { stuff.nextSibling.removeNode(true); break; } stuff = stuff.nextSibling; stuff.style.display='none'; }} </script> <!-- end code provided by blogring.net -->

Bold Color of Text - place in custom header or website stats

<!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #ffffff; } </style> <!-- end code provided by createblog.com -->

Customize your comment box - place in website stats

<!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> <script> // Resize Comment Box by Paul Chen aka Coyote width = NUMBER; //change this value height = NUMBER; //change this value if(location.pathname=='/item.aspx'){ var booga = document.getElementById('htmleditor') newBooga = '<ifr' + 'ame' + ' class=\"htmleditor\" width=\"' + width + '\" height=\"' + height + '\" ID=\"htmleditor\" scrolling=NO>'; booga.insertAdjacentHTML('afterEnd',newBooga); booga.removeNode(true); } </SCRIPT> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #BACKGROUND HEX CODE; FILTER: alpha(opacity=0); overflow:auto"><center><applet><xmp> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com -->

Countdown to ANYTHING - place in custom header or website stats

<!-- begin code provided by createblog.com --> <script Language="JavaScript"> function setcountdown(theyear,themonth,theday,thehour,themin,thesec){ yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec } /////////////////////Set the Countdown/////////////////////// //Set the day to countdown to in the format, year, month, day, hour(Military Time 0=midnight, 23=11pm), minutes, seconds: setcountdown(YYYYY,MM,DD,HH,MN,SD) //Change what you want the countdown to say the its counting down to and what it will say on the special day, the counter will already be displaying days, hours, minutes, seconds left until. var occasion="YOUR MESSAGE HERE" var message_on_occasion="CELEBRATING MESSAGE" //Set the font, width, height, background color of your countdown, and the font will be the same color as the rest of your site. var opentags='<font face="Arial"><small>' var closetags='</small></font>' var countdownwidth='470px' var countdownheight='35px' var countdownbgcolor='white' /////////////////////Don't change anything else/////////////////////// var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") var crosscount='' function start_countdown(){ if (document.layers) document.countdownnsmain.visibility="show" else if (document.all||document.getElementById) crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie countdown() } if (document.all||document.getElementById) document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>') window.onload=start_countdown function countdown(){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todayh=today.getHours() var todaymin=today.getMinutes() var todaysec=today.getSeconds() var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec dd=Date.parse(futurestring)-Date.parse(todaystring) dday=Math.floor(dd/(60*60*1000*24)*1) dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1) dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1) dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1) //if on day of occasion if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags) document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all||document.getElementById) crosscount.innerHTML=opentags+message_on_occasion+closetags return } //if passed day of occasion else if (dday<=-1){ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags) document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all||document.getElementById) crosscount.innerHTML=opentags+"Occasion already passed! "+closetags return } //else, if not yet else{ if (document.layers){ document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags) document.countdownnsmain.document.countdownnssub.document.close() } else if (document.all||document.getElementById) crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags } setTimeout("countdown()",1000) } </script> <ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer> <!-- end code provided by createblog.com -->

Custom Module right below profile - place in TOP of website stats

<!-- begin code provided by createblog.com --> <script> titleContent = 'Title Here'; moduleContent = 'Module Content'; sub = subTitle.parentNode.parentNode.parentNode.parentNode.parentNode sub.insertAdjacentHTML('beforeBegin','<table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"><tr><th valign="top" align="left" class="left">' + titleContent + '</th></tr><tr><td valign="top" class="left">' + moduleContent) sub.insertAdjacentHTML('beforeBegin','<BR>'); </script> <!-- end code provided by createblog.com -->

Edit Entry Date (like Tricky Tuesday 3/8/05 or whatever) - place in website stats

<!-- begin code provided by createblog.com --> <script type="text/javascript"> // // ©2004 EasterEgg // // For use at Xanga only. // // While the date in your blogheader has a fixed format // (e.g. "Tuesday, March 16, 2004") you may want to use // another date format, accustomed to *your* preferences. // This script enables you to apply pretty much any date // format to your blogheader you like. // // Here's how it works: // The script collects all blogheaders and applies to them // a format you define by changing the value of the variable // "dateFormatStr" in the code below. Currently that value is // set to 'ddd, mm/dd/yy', which will result in a date that // looks like this: 'Tue, 03/16/04'. If you want to use slashes // instead of divisions as date separators, go right ahead; you // can even add HTML to the date format string if you like!<IMG height=15 src="http://www.xanga.com/Images/smiley1.gif" width=15> // // ================= // listing of available constants (using the date // "Tuesday, March 16, 2004" as an example): // // dd = 16 // ddd = Tue // dddd = Tuesday // // mm = 03 // mmm = Mar // mmmm = March // // yy = 04 // yyyy = 2004 // // ================= // // You can use any combination of the above constants. Examples: // // 'mm/dd/yyyy' will result in '03/16/2004' // 'mmm dd, yy' will result in 'Mar 16, 04' // 'mm-dd-yy (dddd)' will result in '03-16-04 (Tuesday)' // '{ ddd, mmm dd, yyyy }', will result in '{ Tue, Mar 16, 2004 }' // // Get the general idea?<IMG height=15 src="http://www.xanga.com/Images/smiley3.gif" width=15> // // Copy this entire code and paste it in the webstats box of your // Look and Feel page. // // You're free to use this script as long as this comment remains // intact. Future modifications allowed if due credit is given. // function formatEntryDate() { // ***** adjust the dateFormatStr below as you see fit // =================================================== dateFormatStr = 'ddd, mm/dd/yy'; // =================================================== function getMonthNr(sMonth) { months = new Array( "Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); for (var n = 0; n < months.length; ++n) { if (months[n] == sMonth) { if ( n + 1 < 10) return '0' + (n + 1).toString() else return (n + 1).toString(); } } } allDivs = document.getElementsByTagName('div'); for (var i = 0; i < allDivs.length; ++i) { if (allDivs[i].className == 'blogheader') { newDateFormat = dateFormatStr; // day entryDate = allDivs[i].innerHTML; dayLong = entryDate.substr(0, entryDate.indexOf(',')); // dddd dayShort = dayLong.substr(0, 3); // ddd tempStr = entryDate.substr(dayLong.length + 1); dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2); // dd newDateFormat = newDateFormat.replace('dddd', dayLong); newDateFormat = newDateFormat.replace('ddd', dayShort); newDateFormat = newDateFormat.replace('dd', dayNr); // month monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3);// mmmm monthShort = monthLong.substr(0, 3); // mmm monthNr = getMonthNr(monthShort); // mm newDateFormat = newDateFormat.replace('mmmm', monthLong); newDateFormat = newDateFormat.replace('mmm', monthShort); newDateFormat = newDateFormat.replace('mm', monthNr); // year yearLong = tempStr.substr(tempStr.indexOf(',') + 2); // yyyy yearShort = yearLong.substr(2); // yy newDateFormat = newDateFormat.replace('yyyy', yearLong); newDateFormat = newDateFormat.replace('yy', yearShort); allDivs[i].innerHTML = newDateFormat; } } } formatEntryDate(); </script> <!-- end code provided by createblog.com -->

E-mail Envelope - place in website stats

<!-- begin code provided by createblog.com --> <!-- Email It Envelope Script by Sherrys_Designs--> <script language="javascript"> <!-- var links = document.getElementsByTagName ('a'); for (var l = 0; l < links.length; l++) { str = links[l].innerHTML; if (str.match (/\d+:\d+ (am|pm)/i)) links[l] else if (str.match (/email it/i)) links[l].innerHTML = str.replace (/email it/i, "<img src=http://img.photobucket.com/albums/v368/sherrys_designs/pixels/envelope.jpg border='0'>"); }//--> </script> <!-- end code provided by createblog.com -->

Mouse Hover : Space Out - place in website stats

<!-- begin code provided by createblog.com --> <style type="text/css"><!-- a:hover{letter-spacing:5px} //--></style> <!-- end code provided by createblog.com -->

Mouse Hover : 3-D Box - place in website stats

<!-- begin code provided by createblog.com --> <STYLE type="text/css"><!--A{text-decoration:none;cursor:default;}A:HOVER{text-decoration:none;background-color:#HEX COLOR;cursor:default;border-top:1px none;border-bottom:1px solid COLOR HERE;border-left:1px none;border-COLOR HERE:1px solid hotpink;}--></STYLE> <!-- end code provided by createblog.com -->

Mouse Hover : Border - place in website stats

<!-- begin code provided by createblog.com --> <style> a:hover {border: 1px solid #ANY COLOR YOU WANT IN A HEX CODE;} </style> <!-- end code provided by createblog.com -->

Mouse Hover : Cursor Change - place in website stats

<!-- begin code provided by createblog.com --> <style type=text/css><!-- body{cursor:crosshair} //--></style> <!-- end code provided by createblog.com -->

Mouse Hover : Pulls Up - place in website stats

<!-- begin code provided by createblog.com --> <style type=text/css><!--A{text-decoration:none;color:#000000;cursor:default;}A:HOVER{color:?;text-decoration:none;cursor:default;visibility:visible;float:none;clear:none;position:static;bottom:1pt;right:1pt;}--></STYLE> <!-- end code provided by createblog.com -->

Mouse Hover : Pushes Down - place in website stats

<!-- begin code provided by createblog.com --> <STYLE type="text/css"><!--A{text-decoration:none;color:black;}A:HOVER{color:?;text-decoration:none;visibility:visible;float:none;clear:none;position:static;top:1pt;left:1pt;}A{cursor:?;}--></STYLE> <!-- end code provided by createblog.com -->

Mouse Hover :  Rainbow - place in website stats

<!-- begin code provided by createblog.com --> <script language="JavaScript1.2"> var rate = 100; // Increase amount(The degree of the transmutation) var obj; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) { Browser = true; } else { Browser = false; } if (Browser) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } function doRainbow() { if (Browser && act != 1) { act = 1; obj = event.srcElement; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } function stopRainbow() { if (Browser && act != 0) { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } function doRainbowAnchor() { if (Browser && act != 1) { obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } //document.write.blogring function stopRainbowAnchor() { if (Browser && act != 0) { if (obj.tagName == 'A') { obj.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } function ChangeColor() { obj.style.color = makeColor(); } function makeColor() { // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } //document.write.blogring elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360) elmH = 0; return clrRGB; } </script> <!-- end code provided by createblog.com -->

Mouse Hover : Play a Sound - place in website stats

<!-- begin code provided by createblog.com --> <EMBED SRC="YOURURL.wav" autostart="false" hidden="true"> <script language="JavaScript"> <!-- function playHome() { if (document.all) { document.all.sound.src = "YOURURL.wav"; } } //--> </script> <bgsound id="sound"> Put your mouse on the link to hear a sound <A HREF="http://yoursite.com/page.html" onMouseover="playHome()">HERE</A> <!-- end code provided by createblog.com -->

Mouse Hover : Glow - place in custom header

    Part 1 --> <!-- begin code provided by createblog.com --> <style type="text/css"><!-- a:hover{filter:glow(color:#000000, strength=3);height:0px;width:inherit} //--></style> <!-- end code provided by createblog.com -->     <!-- begin code provided by createblog.com --> <style type="text/css"><a:link {filter:glow(color:#FFFFFF, strength=4);height:0px;width:inherit} a:active {filter:glow(color:#FFFFFF, strength=4);height:0px;width:inherit} a:visited {filter:glow(color:#FFFFFF, strength=4);height:0px;width:inherit} a:hover {filter:glow(color:#FFFFFF, strength=4);height:0px;width:inherit}</style> <!-- end code provided by createblog.com --> <-- Part 2

Splash Page before Xanga page - place in custom header at top   

 <!-- 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://www.createblog.com/images/huddled.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 -->

Move Module to Right Side of Page - place in website stats

<!-- begin code provided by createblog.com --> <script language="Javascript"> // original by sean http://www.xanga.com/seanmeister var tds = document.getElementsByTagName("td"); for (var i = 0; i < tds.length; i++){ if (tds[i].width == "200"){ tds[i].parentNode.appendChild(tds[i].cloneNode(true)); tds[i].parentNode.removeChild(tds[i]); break; }} </script> <!-- end code provided by createblog.com -->

Marquee - place in custom header

<!-- begin code provided by createblog.com --> <style type="text/css"> table.header { width: 100%; background-color: white; border: 4px double #00003d; } </style> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="header"> <tr> <td colspan=30 align="left"> <MARQUEE BEHAVIOR=SLIDE DIRECTION=LEFT SCROLLDELAY=1 SCROLLAMOUNT=3 STYLE="text-align:justify"> <font size=7>YOUR TEXT HERE</font> </marquee> </td> <td align="center"> <MARQUEE DIRECTION=up HEIGHT=48 SCROLLDELAY=1 SCROLLAMOUNT=2 STYLE="text-align:justify"> <center> <font size=3>YOUR TEXT HERE</font> </center> </marquee> </td> </tr> </table> <!-- end code provided by createblog.com -->

Music Player (like the one i have) - place in custom header

<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"> <param NAME VALUE> <param NAME="ShowControls" VALUE="0"> <param NAME="ShowStatusBar" VALUE="0"> <param NAME="ShowDisplay" VALUE="0"> <param NAME="DefaultFrame" VALUE="Slide"> <param NAME="Autostart" VALUE="1"> <param NAME="Loop" VALUE="True"> </object> <form name="form"> <p style="text-align: center"> <select style="FONT-SIZE: 8pt; BACKGROUND: ffffff; WIDTH: 250px; COLOR: 000000; font-face: arial" name="playlist" size="1"> <option value="0"></option> <option value="1"></option> <option value="2"></option> <option value="3"></option> <option value="4"></option> <option value="5"></option> </select><br> <input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);"> <input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.Pause(); playstate=2;"> <input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"></p> </form> <script language="JavaScript"> <!-- var playstate = 1; shuffle = 1; // set to 0 to always play first song in list // set to 1 to randomly choose the first song to play songs=new Array(); songs[0] =""; songs[1] =""; songs[2] =""; songs[3] =""; songs[4] =""; songs[5] =""; if (shuffle == 1) { var randsg = Math.floor(Math.random()*songs.length); document.darkplayer.FileName = songs[randsg]; document.darkplayer.scr = songs[randsg]; document.forms['form'].playlist.options[randsg].selected = true; } function play(list) { if (playstate == 2) { document.darkplayer.Play(); } else { var snum = list.options[list.selectedIndex].value document.darkplayer.FileName = songs[snum]; document.darkplayer.scr = songs[snum]; } playstate = 1; } //--> </script>

Scrollbars in entries - place 1st in custom header, place 2nd in website stats

Part 1 --><!-- begin code provided by createblog.com --> <style type="text/css"> .custom{ width: 200px; height: 200px; z-index:100; overflow: auto; border: px #000000 solid; background: #ffffff; }</style> <!-- end code provided by createblog.com -->    <!-- begin code provided by createblog.com --> <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> <!-- end code provided by createblog.com --> <-- Part 2

Change Side Scrollbar Color - place in custom header

<!-- begin code provided by createblog.com --> <style type="text/css"> BODY { scrollbar-arrow-color: #000000; scrollbar-3dlight-color: #AAAAAA; scrollbar-highlight-color: #FFFFFF; scrollbar-face-color: #D3D3D3; scrollbar-shadow-color: #828282; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #D4D4D4; } </style> <!-- end code provided by createblog.com -->

Pop-Up on Entry - place both in custom header

Part 1 --><!-- begin code provided by createblog.com --> <script language="JavaScript"> alert("YOUR MESSAGE GOES HERE")</SCRIPT> <!-- end code provided by createblog.com -->    <!-- begin code provided by createblog.com --> <script language="JavaScript"> alert("YOUR\nMESSAGE\nGOES\nHERE\n;]")</SCRIPT> <!-- end code provided by createblog.com --> <-- Part 2

MORE CODES COMING!!