custom module »
PLACE IN = header
<!-- From xanga.com/html_scripts --> <!-- Begin code by createblog.com --> <style type=text/css> /* remove regular modules */ texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none} table.blogbody tr td {width:0px; padding: 0px;} /* edit to your liking */ table.module { border: 1px solid #000000; width:160px; background-color:f2f2f2; } table.module th { background-color: #336699;font: bold 11px arial; text-transform: uppercase;color: #FFFFFF; border: none; } table.module td {color: #000000; text-align: left; border: none; background-image: none; } </style> <!-- add this below all the CSS --> <table border=0 width="660"><tr><td valign="top" width="160"> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module"> <center><img src="http://p.xanga.com/USERNAME/profile.jpg"></center><p> <b>name:</b> uhhhh..<br> <b>gender:</b> errr<br> <b>hobbies:</b> blah blah<br> </td></tr></table><br> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Subscriptions</b></th></tr><tr><td valign="top" class="module"> <!-- Add your subscriptions here --> <a href="http://www.xanga.com/SOMEONE">someone</a><br> <a href="http://www.xanga.com/SOMEONE2">someone 2</a> </td></tr></table><br> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Bloggies</b></th></tr><tr><td valign="top" class="module"> <!-- Add your blogrings here --> <a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</a> </td></tr></table><br> <!-- Here's your CUSTOM MODULE.. copy and paste as needed --> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module"> La la la =] </td></tr></table><br> </td><td width="500" valign="top" align="left"> <!-- end code provided by createblog.com -->
PLACE IN = website stats
</td></tr></table>

bordered xanga »
PLACE IN = website stats 
<script language="JavaScript1.2" type="text/javascript"> /* from xanga.com/html_scripts orginal from dyamicdrive.com */ if (document.all) document.body.style.cssText="border:20 outset #0033CC" </script>

 calendar code »
PLACE IN = where you want the calendar to be 
<!-- Calendar Code --> <!-- Coded by Sweet Asian Candie Productions © --> <!-- BlogRing.net --> <!-- from xanga.com/html_scripts --> <div align=left> <div style="position:static; margin-left:675px;margin-top: 0px;border: 0px solid #000000; width:150px; height: 100%;background: none;overflow: auto;"> <CENTER> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"> <tr> <th valign="top" align="left" class="left"> <b>Calendar</b> </th> </tr> <tr> <td valign="top" class="left"> <CENTER> <table bgcolor=000000 border=0 style="border: 1pt solid #000000" cellpadding=1 cellspacing=0 width=124> <tr bgcolor=#FFFFFF> <td colspan=7 width=400> <p><b><center>May 2004</center></b> <tr bgcolor=#FF6699 border=1> <td><b>S</b></td> <td><b>M</b></td> <td><b>T</b></td> <td><b>W</b></td> <td><b>T</b></td> <td><b>F</b></td> <td><b>S</b></td> </tr> <tr bgcolor=ffffff> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td title="»Example"><b>1</b></a> </tr> <tr> <td>2 <td>3 <td>4 <td>5 <td>6 <td>7 <td title="»EXAMPLE"><b>8</b></a> </tr> <tr> <td>9 <td title="»EXAMPLE"><b>10</b></a> <td>11 <td>12 <td>13 <td title="»EXAMPLE"><b>14</b></a> <td>15 </tr> <tr> <td>16 <td><b>17</b></a> <td>18 <td>19 <td>20 <td title="»EXAMPLE"><b>21</b></a> <td>22 </tr> <tr> <td>23 <td title="»Example"><b>24</b></a> <td>25 <td>26 <td>27 <td title="»Example"><b>28</b></a> <td >29 <tr> <td>30 <td title="»Example"><b>31</b></a> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table><br> <br>hover with ur mouse over the bold dates and see whats on my calendar </CENTER> </td> </tr> </table> </div> <!-- End Code Sweet Asian Candie Productions ©-->  
this code is if you have a custom module
<!-- Calendar Code --> <!-- Coded by Sweet Asian Candie Productions © --> <!-- BlogRing.net --> <!-- from xanga.com/html_scripts --> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="left"> <tr> <th valign="top" align="left" class="left"> <b>Calendar</b> </th> </tr> <tr> <td valign="top" class="left"> <CENTER> <table bgcolor=000000 border=0 style="border: 1pt solid #000000" cellpadding=1 cellspacing=0 width=124> <tr bgcolor=#FFFFFF> <td colspan=7 width=400> <p><b><center>May 2004</center></b> <tr bgcolor=#FF6699 border=1> <td><b>S</b></td> <td><b>M</b></td> <td><b>T</b></td> <td><b>W</b></td> <td><b>T</b></td> <td><b>F</b></td> <td><b>S</b></td> </tr> <tr bgcolor=ffffff> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td title="»Example"><b>1</b></a> </tr> <tr> <td>2 <td>3 <td>4 <td>5 <td>6 <td>7 <td title="»EXAMPLE"><b>8</b></a> </tr> <tr> <td>9 <td title="»EXAMPLE"><b>10</b></a> <td>11 <td>12 <td>13 <td title="»EXAMPLE"><b>14</b></a> <td>15 </tr> <tr> <td>16 <td><b>17</b></a> <td>18 <td>19 <td>20 <td title="»EXAMPLE"><b>21</b></a> <td>22 </tr> <tr> <td>23 <td title="»Example"><b>24</b></a> <td>25 <td>26 <td>27 <td title="»Example"><b>28</b></a> <td >29 <tr> <td>30 <td title="»Example"><b>31</b></a> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table><br> <br>hover with ur mouse over the bold dates and see whats on my calendar </CENTER> </td> </tr> </table> <!-- End Code Sweet Asian Candie Productions ©-->

clock code »  
Example: 
PLACE IN = where you want the clock to be
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // FROM XANGA.COM/HTML_SCRIPTS var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function startclock () { stopclock(); showtime(); } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } //--> </script> <body onLoad="startclock()"> <center> <form name="clock" onSubmit="0"> <input type="text" name="face" size=12 value=""> </form> </center>

collaspable menu »  \
PLACE IN = where you want it to be
<!-- from xanga.com/html_scripts --> <script type="text/javascript"> // |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| |||||||||||||||||||||||| // // Coded by Travis Beckham // http://www.squidfingers.com | http://www.podlob.com // If want to use this code, feel free to do so, but please leave this message intact. // // |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| |||||||||||||||||||||||| // --- version date: 06/02/03 --------------------------------------------------------- // |||||||||||||||||||||||||||||||||||||||||||||||||| // Node Functions if(!window.Node){ var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3}; } function checkNode(node, filter){ return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase()); } function getChildren(node, filter){ var result = new Array(); var children = node.childNodes; for(var i = 0; i < children.length; i++){ if(checkNode(children[i], filter)) result[result.length] = children[i]; } return result; } function getChildrenByElement(node){ return getChildren(node, "ELEMENT_NODE"); } function getFirstChild(node, filter){ var child; var children = node.childNodes; for(var i = 0; i < children.length; i++){ child = children[i]; if(checkNode(child, filter)) return child; } return null; } function getFirstChildByText(node){ return getFirstChild(node, "TEXT_NODE"); } function getNextSibling(node, filter){ for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){ if(checkNode(sibling, filter)) return sibling; } return null; } function getNextSiblingByElement(node){ return getNextSibling(node, "ELEMENT_NODE"); } // |||||||||||||||||||||||||||||||||||||||||||||||||| // Menu Functions & Properties var activeMenu = null; function showMenu(){ if(activeMenu){ activeMenu.className = ""; getNextSiblingByElement(activeMenu).style.display = "none"; } if(this == activeMenu){ activeMenu = null; }else{ this.className = "active"; getNextSiblingByElement(this).style.display = "block"; activeMenu = this; } return false; } function initMenu(){ var menus, menu, text, a, i; menus = getChildrenByElement(document.getElementById("menu")); for(i = 0; i < menus.length; i++){ menu = menus[i]; text = getFirstChildByText(menu); a = document.createElement("a"); menu.replaceChild(a, text); a.appendChild(text); a.href = "#"; a.onclick = showMenu; a.onfocus = function(){this.blur()}; } } // |||||||||||||||||||||||||||||||||||||||||||||||||| if(document.createElement) window.onload = initMenu; </script> </head> <body> <ul id="menu"> <li>Menu Item 1 <ol> <li><a href="#">Sub Item 1.1</a></li> <li><a href="#">Sub Item 1.2</a></li> <li><a href="#">Sub Item 1.3</a></li> </ol> </li> <li>Menu Item 2 <ol> <li><a href="#">Sub Item 2.1</a></li> <li><a href="#">Sub Item 2.2</a></li> <li><a href="#">Sub Item 2.3</a></li> </ol> </li> <li>Menu Item 3 <ol> <li><a href="#">Sub Item 3.1</a></li> <li><a href="#">Sub Item 3.2</a></li> <li><a href="#">Sub Item 3.3</a></li> </ol> </li> <li>Menu Item 4 <ol> <li><a href="#">Sub Item 4.1</a></li> <li><a href="#">Sub Item 4.2</a></li> <li><a href="#">Sub Item 4.3</a></li> </ol> </li> <li>Menu Item 5 <ol> <li><a href="#">Sub Item 5.1</a></li> <li><a href="#">Sub Item 5.2</a></li> <li><a href="#">Sub Item 5.3</a></li> </ol> </li> </ul>

comment background images »   
PLACE IN = website stats
<!-- from xanga.com/xHTML_HELPER --> <style type="text/css"> table.blogbody { /* this edits the other the place where the blog is */ background-image: url(http://URL OF YOUR IMAGE HERE); background-repeat: no-repeat; background-position: top left; width:600px; border: 1px solid #ffffff; border-width: 1px 1px 1px 1px; } </STYLE> <!-- end code provided by createblog.com -->

construction page »  
PLACE IN = website stats
<!--from xanga.com/html_scripts--> <script language="JavaScript"> <!--//hiding it setTimeout("history.back();", 4000); //end hiding it--> </script>

countdown »  
PLACE IN = where you want it to be
<!-- from xanga.com/html_scripts--> <script language="JavaScript1.2"> var today = new Date; var Future0 = new Date; ThisYear = 2004; var FutureMonth = 06; var FutureDate = 20; var faraevent = "<font color=#99CC33><i>my birthday</font>"; Future0.setMonth(FutureMonth, FutureDate); Future0.setFullYear(ThisYear); 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 ", faraevent, " "); else if (daysleftint == 1) document.write(faraevent, " is tomorrow"); else if (today1 == future1) document.write(faraevent, " is today"); </script> <br> <!-- end code provided by createblog.com -->

disable eprops »   
PLACE IN = bottom of website stats
<!-- from xanga.com/xHTML_HELPER --> <!-- begin code provided by createblog.com --> <script> <!-- var props = document.getElementById("pnlEprops"); if (props){ document.getElementById("rblEprops_3").checked = true; props.style.display = "none"; } //--></script> <!-- end code provided by createblog.com -->

display date »  
PLACE IN = where you want it to be
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // FROM XANGA.COM/HTML_SCRIPTS var today = new Date() var month = today.getMonth() + 1 var day = today.getDate() var year = today.getFullYear() var s = "/" document.date.forms.value = month + s + day + s + year //--> </script>

dropdown menu (navigation) »  

PLACE IN = custom header
<form name="c442"> <p><select name="c16" size="1"> <option selected value="http://www.xanga.com/USERNAME">refresh</option> <option value="http://www.xanga.com/CLAF/default.asp">look & feel</option> <option value="http://www.xanga.com/private/home.aspx">private</option> <option value="http://www.xanga.com/signin.asp">sign in</option> <option value="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">subscribe</option> <option value="http://www.xanga.com">xanga</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="http://www.xanga.com/register.asp">register</option> <option value="http://www.xanga.com/profile.aspx?user=USERNAME">profile</option> </select> <input type="button" value="Go" onClick="location=document.c442.c16.options[document.c442.c16.selectedIndex].value"></p> </form>

fieldset box »   
Example:

redirect page »  
PLACE IN = custom header
<meta http-equiv="refresh" content="0;URL=http://www.xanga.com/html_scripts"> <!--FROM XANGA.COM/xHTML_HELPER-->

scrollbar »  
PLACE IN = custom header // website stats  -edit it
<!-- Custom Colored Scrollbars : Blogring.net--> <style type="text/css"> <!-- BODY { scrollbar-face-color: #COLOR; scrollbar-shadow-color: #COLOR; scrollbar-highlight-color: #COLOR; scrollbar-3dlight-color: #COLOR; scrollbar-darkshadow-color: #COLOR; scrollbar-track-color: #COLOR; scrollbar-arrow-color: #COLOR; --> </style> <!-- End Script: Blogring.net-->

slide show »  
PLACE IN = website stats
<!-- begin code provided by createblog.com --> <script type='text/javascript'> // image slideshow by micron // for more xanga scripts and help go to createblog.com // from xanga.com/html_scripts // set slideshow speed in seconds var speed = 2; // set transition duration in seconds (only for ie 5.5+) var duration = 1; // set transition effect (only for ie 5.5+) var transition = 'progid:DXImageTransform.Microsoft.Fade(Duration='+duration+')'; var images = new Array(); // url to your images images[0] = 'http://url.to/image1.jpg'; images[1] = 'http://url.to/image2.jpg'; images[2] = 'http://url.to/image3.jpg'; images[3] = 'http://url.to/image4.jpg'; // do not edit anything below this line var preload = new Image(); for (var i = 0; i < images.length; i++) { preload[i] = new Image(); preload[i].src = images[i]; } document.write('<img src='+preload[0].src+' name="slideShow">'); var j = 0; function run() { if (document.all) { document.images.slideShow.style.filter=transition; document.images.slideShow.filters[0].Apply(); } document.images.slideShow.src = preload[j++].src; if (document.all) { document.images.slideShow.filters[0].Play(); } if (j == images.length) { j = 0; } setTimeout('run()', speed * 1000); } </script> <body onload='run()'> <!-- end code provided by createblog.com -->

smiley »   
PLACE IN = website stats
<!-- -----smiley collection below --> <script type="text/javascript"> // // *** Smiley Script V 2.2 *** // // (c)2003 by EasterEgg, http://www.xanga.com/easteregg // from xanga.com/html_scripts // You can use this code freely, as long as the entire script remains intact. // // WHAT'S NEW? // // 1.0 (February 11, 2003) // - initial release // // 2.0 (May 12, 2003) // - cross browser: it runs in IE, Netscape, Mozilla and Opera // - ready for the upcoming (beta tested) changes at Xanga // - clickable smileys, even for non-IE users, displayed in buttons // - customizable number of smileys displayed in one row // - customizable smiley button size // - easily adjustable: only two arrays to maintain // // 2.1 (May 12, 2003) // - preloading images for faster performance // - XP Bugfix // // 2.2 (May 17, 2003) // - necessary adjustments made because of recent changes at Xanga // - made suitable for Mac users! // - runs only at the comment page for increased performance // // HOW TO USE: // For use at Xanga only. Copy this entire code (including the script tags) // and paste in the Website Stats box at your Look and Feel page. Make sure // the previous version of this script (if any) is completely removed first. // // The script contains two arrays: "textSmileys" and "realSmileys". The items // present in the array "textSmileys" will be automatically replaced with the // corresponding images in the array "realSmileys". You can modify the arrays // as you see fit, as long as both arrays keep the exact same number of items. // // For example, suppose you want to add some smiley to the script... that would mean // in "textSmileys" you would add a shorthand like ":some_smiley:" or {somesmiley}, // and in "realSmileys" you would add it's url: "http://www.dude.com/some_smiley.gif". // // SETTINGS: // - "maxNumberOfSmileysPerRow": number of smileys that will be displayed in one row. // Smileys above that number will automatically be added to a new line. 10 by default. // - "buttonSize": size of the smiley buttons in pixels. 30 px by default. // // AVAILABILITY: // The script has been tested in the latest versions of IE, Netscape, // Mozilla and Opera (Windows 98). // function typeSmiley(sSmiley) { if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr') var editor = document.getElementsByTagName('textarea')[0]; else { var allTextAreas = document.getElementsByTagName('textarea'); for (i = 0; i < allTextAreas.length; ++i) { if (allTextAreas[i].getAttribute('name') == 'bdescr') { var editor = allTextAreas[i]; break; } } } editor.value = editor.value + sSmiley; } function replaceTextSmileys() { // ***add textual emoticons to the array below var textSmileys = new Array( ":)", ":(", "wink", ":p", ":lol:", ":mad:", ":heartbeat:", ":love:", ":eprop:", ":wave:", ":sunny:", ":wha:", ":yes:", ":sleepy:", ":rolleyes:", ":lookaround:", ":eek:", "<IMG height=22 src="http://www.xanga.com/Images/confused.gif" width=15>", ":nono:", ":fun:", ":goodjob:", ":giggle:", ":cry:", ":shysmile:", ":jealous:", ":whocares:", ":spinning:", ":coolman:", ":littlekiss:", ":laugh:"); // *** add the url's from the corresponding images below var realSmileys = new Array( "http://www.xanga.com/Images/smiley1.gif", "http://www.xanga.com/Images/smiley2.gif", "http://i.xanga.com/Alice/AliceSmileyAnimatedWink.gif", "http://www.xanga.com/Images/smiley4.gif", "http://i.xanga.com/Alice/Smileylol.gif", "http://i.xanga.com/Alice/7_mad.gif", "http://i.xanga.com/Alice/heartbeating.gif", "http://i.xanga.com/Alice/SmileLove.gif", "http://i.xanga.com/Alice/eProp.gif", "http://i.xanga.com/Alice/SmileyWave.gif", "http://i.xanga.com/Alice/sunnySmiley.gif", "http://i.xanga.com/Alice/wha.gif", "http://i.xanga.com/Alice/yes.gif", "http://i.xanga.com/Alice/Smileysleep.gif", "http://i.xanga.com/Alice/Smileyrolleyes.gif", "http://i.xanga.com/Alice/SmileyLookaround.gif", "http://i.xanga.com/Alice/Smileyeek.gif", "http://i.xanga.com/Alice/Smileyconfused.gif", "http://i.xanga.com/Alice/SmileyAnimatedNoNo.gif", "http://i.xanga.com/Alice/propeller.gif", "http://i.xanga.com/Alice/goodjob.gif", "http://i.xanga.com/Alice/emot-giggle.gif", "http://i.xanga.com/Alice/blueAnimatedCry.gif", "http://i.xanga.com/Alice/Animatedshysmile.gif", "http://i.xanga.com/Alice/AliceJealous.gif", "http://i.xanga.com/Alice/19_indifferent.gif", "http://i.xanga.com/Alice/Smileyspinning.gif", "http://i.xanga.com/Alice/25_coolguy.gif", "http://i.xanga.com/Alice/AliceSmileyAnimatedBlinkKiss.gif", "http://i.xanga.com/Alice/LaughingAgua.gif"); // *** number of smileys that will be displayed per row var maxNumberOfSmileysPerRow = 10; // *** button size in pixels var buttonSize = 30; // preloading images var preloadedImages = new Array(realSmileys.length); for (i = 0; i < preloadedImages.length; ++i) { preloadedImages[i] = new Image(); preloadedImages[i].src = realSmileys[i]; } var allTableData = document.getElementsByTagName('td'); var indx; var smiley; var replacement; for (var i = 0 ; i < allTableData.length ; ++i ) { for ( var n = 0 ; n < textSmileys.length; ++n ) { if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) && (allTableData[i].innerHTML.indexOf('previewHTML()') == -1)) { indx = allTableData[i].innerHTML.indexOf(textSmileys[n]); if (indx != -1) { while (indx != -1) { replacement = ''; indx = allTableData[i].innerHTML.indexOf(textSmileys[n]); smiley = '<img src=\"' + realSmileys[n] + '">' replacement = allTableData[i].innerHTML.replace(textSmileys[n],smiley); allTableData[i].innerHTML = replacement; } } } } } if (document.URL.indexOf('weblogs') != -1) { var smileyCollection = new Array(realSmileys.length); var smileyBar = ''; if (document.getElementById('htmleditor')) { for (i = 0; i < smileyCollection.length; ++i) { smileyCollection[i] = '<button type="button" value="" ' + 'style="width:' + buttonSize + 'px; height:' + buttonSize + 'px;" onclick="javascript:insertHTML(\' ' + textSmileys[i] + '\'); return false;">' + '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] + '"></button>'; } } else { for (i = 0; i < smileyCollection.length; ++i) { smileyCollection[i] = '<button type="button" value="" ' + 'style="width:' + buttonSize + 'px; height:' + buttonSize + 'px;" onclick="javascript:typeSmiley(\' ' + textSmileys[i] + '\'); return false;">' + '<img src=\"' + realSmileys[i] + '" alt="' + textSmileys[i] + '"></button>'; } } for (i = 0; i < smileyCollection.length; ++i) { if (i != 0) if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1) smileyBar = smileyBar + '<BR>'; smileyBar = smileyBar + smileyCollection[i]; } // add SmileyBar infoLink = '<a href="http://www.alicewoodrome.com/smileyscript.html"' + 'target=blank><font style="font-size: xx-small; font-weight: normal;">' + 'Smiley Script</font><a/><br><br>'; smileyBarHtml = '<br><b>Add Emoticons</b><br><font style="font-size: xx-small">' + 'Simply add emoticons to your comments by clicking them!</font> ' + infoLink + smileyBar + '<br><br>'; if (navigator.userAgent.indexOf('Mac') == -1) { if (document.getElementById('htmleditor')) var obj1 = document.getElementById('htmleditor').parentNode; else { if (document.getElementsByTagName('textarea')[0].getAttribute('name') == 'bdescr') var obj1 = document.getElementsByTagName('textarea')[0].parentNode; else { var allTextAreas = document.getElementsByTagName('textarea'); for (i = 0; i < allTextAreas.length; ++i) { if (allTextAreas[i].getAttribute('name') == 'bdescr') { var obj1 = allTextAreas[i].parentNode; break; } } } } var obj2 = document.createElement('span'); obj2.setAttribute('ID','idSmileyBar'); obj2.innerHTML = smileyBarHtml; obj1.insertBefore(obj2,obj1.firstChild); } else { // alternative solution for the Mac for (var i = 0 ; i < allTableData.length ; ++i ) { if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) && (allTableData[i].innerHTML.indexOf('previewHTML()') == -1)) { if (allTableData[i].innerHTML.toUpperCase().indexOf('(OPTIONAL)') != -1) { var temp = allTableData[i].innerHTML; allTableData[i].innerHTML = temp + '<br>' + smileyBarHtml; break; } } } } } } if (document.URL.indexOf('weblogs') != -1) replaceTextSmileys(); </script> <!-- ---smiley collection above-->

snow effect »  

PLACE IN = website stats
<script language="JavaScript1.2"> /* Snow fall effect from xanga.com/htmlfun found at xanga.com/html_scripts */ <!-- Begin var no = 10; // number of the image var speed = 8; // smaller number moves the snow faster var snowflake = "IMAGE URL LINK HERE"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 800; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"5\" "); document.write("top=\"5\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"5\" "); document.write("top=\"5\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 5px; LEFT: 5px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 5px; LEFT: 5px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script>

subscriptions scrollbar »  

PLACE IN = website stats // edit it
<script type="text/javascript"> // original by EasterEgg, xanga.com/easteregg // modified to reflect xanga's current html schemas // FROM XANGA.COM/HTML_SCRIPTS function adjustSirListHeight() { // *** define the height of your SIR-list in the line below var sirListHeight = '90px'; var allTables = document.getElementsByTagName('tbody'); for (i=0; i < allTables.length; i++) { if ((allTables[i].innerHTML.indexOf('Sites I Read') != -1) && (allTables[i].innerHTML.toUpperCase().indexOf('<TABLE') == -1)) { sirlist = allTables[i].lastChild; temp = sirlist.firstChild.innerHTML; sirlist.removeChild(sirlist.firstChild); td = document.createElement('td'); div = document.createElement('div'); div.style.width = '190px'; div.style.height = sirListHeight; div.style.overflow = 'auto'; div.innerHTML = temp; td.appendChild(div); sirlist.appendChild(td); break; } } } if (navigator.userAgent.indexOf('Mac') == -1) if ((document.URL.indexOf('weblogs') == -1) && (document.URL.indexOf('guestbook') == -1) && (document.URL.indexOf('events') == -1) && (document.URL.indexOf('reviews') == -1)) adjustSirListHeight(); </script>

status bar »  

PLACE IN = where you want it to appear
This code seems like the person is typing at that moment
<script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com //from xanga.com/html_scripts var current = 0 var x = 0 var speed = 100 //the speed var speed2 = 2000 function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } typ = new initArray(4) // change this to the number of message you have typ[0]="Message 1" typ[1]="Message 2" typ[2]="Message 3" typ[3]="Message 4" function typewrite() { var m = typ[current] window.status = m.substring(0, x++) + "_" if (x == m.length + 1) { x = 0 current++ if (current > typ.length - 1) { current = 0 } setTimeout("typewrite()", speed2) } else { setTimeout("typewrite()", speed) } } typewrite() //--> </script>
This script types and erases the message
<script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // from xanga.com/html_scripts var current = 0 var x = 0 var speed = 100// the speed var back = 20 var speed2 = 2000 var back2 = 1500 function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } typ = new initArray(4)//change this the the number of messages you have typ[0]="Message 1" typ[1]="Message 2" typ[2]="Message 3" typ[3]="Message 4" function typewrite() { var m = typ[current] window.status = m.substring(0, x++) if (x == m.length + 1) { setTimeout("erase()", back2) } else { setTimeout("typewrite()", speed) } } function erase() { var m = typ[current] window.status = m.substring(0, x--) if (x < 0) { current++ setTimeout("typewrite()", speed2) if (current > typ.length - 1) { current = 0 } } else { setTimeout("erase()", back) } } typewrite() //--> </script>
This slides off the message after typing it
<script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com //from xanga.com/html_scripts var current = 0 var x = 0 var y = 0 var speed = 100 var speed2 = 2000 function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } typ = new initArray(4)//the numbe of messages you have typ[0]="Message 1" typ[1]="Message 2" typ[2]="Message 3" typ[3]="Message 4" function typnslide() { var m = typ[current] window.status = m.substring(0, x++) if (x == m.length + 1) { x = 0 setTimeout("typnslide2()", speed2) } else { setTimeout("typnslide()", speed) } } function typnslide2() { var m = typ[current] window.status = m.substring(m.length, y++) if (y == m.length) { y = 0 current++ if (current > typ.length - 1) { current = 0 } setTimeout("typnslide()", speed) } else{ setTimeout("typnslide2()", speed) } } typnslide(); //--> </script>
This just displays a message in the status bar
<script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // from xanga.com/html_scripts function text(txt) { window.status = txt; } // --> </script> <body onLoad="text('Your message here');">
This types the message in a way that looks like crashing waves!
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // from xanga.com/html_scripts function initArray() { this.length = initArray.arguments.length; for (var i = 0; i < this.length; i++) { this[i] = initArray.arguments[i]; } } var text = new initArray( "Message 1", "Message 2", "Message 3"); var speed = 50; var speed2 = 1000; var whereat = 0; var whichone = 0; function waveb() { var befor = text[whichone].substring(0,whereat); var wave = text[whichone].substring(whereat,whereat+1).toUpperCase(); window.status = befor + wave; if (whereat == text[whichone].length) { whereat = 0; ++whichone; if (whichone == text.length) whichone = 0; setTimeout("waveb()",speed2); } else { whereat++; setTimeout("waveb()",speed); } } waveb(); //--> </script>
This blinks your message on and off
<script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // from xanga.com/html_scripts var x = 0 var speed = 200 var text = "Welcome to Nic's Javascript Page." function Blinky() { window.status = text setTimeout("Blinky2()", speed) } function Blinky2() { window.status = " " setTimeout("Blinky()", speed) } Blinky() //--> </script>
This shows the mouse coordinates-from xanga.com/htmlfun go and props him
<script language="javascript"> var where = ""; // which link function checkwhere(e) { if (document.layers){ xCoord = e.x; yCoord = e.y; } else if (document.all){ xCoord = event.clientX; yCoord = event.clientY; } else if (document.getElementById){ xCoord = e.clientX; yCoord = e.clientY; } self.status = "X= "+ xCoord + " Y= " + yCoord; } document.onmousemove = checkwhere; if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);} </script>
This just disables the status bar with no message---from
javascriptkit.com
<script> //Hide status bar msg II script- by javascriptkit.com //Visit JavaScript Kit (http://javascriptkit.com) for script //Credit must stay intact for use // from xanga.com/html_scripts function hidestatus(){ window.status='' return true } if (document.layers) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT) document.onmouseover=hidestatus document.onmouseout=hidestatus </script>

switch module sides »  
PLACE IN = website stats, before anything else
<script language="Javascript"> // original by sean http://www.xanga.com/seanmeister // FROM XANGA.COM/HTML_SCRIPTS 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>

1. Text aligned left***
   <p align=left> 
2. Text aligned right***
   <p align=right> 
3. Text in the center***
   <p align=middle> 
4. Italic***
   <i>text</i> 
5. Bold***
   <b>text</b> 
6. Underlined***
   <u>text</u> 
7. Striked***
   <s>text</s> 
8. Change color***
   <font color=black>text</font> 
9. Change color AND size
   <font color="black" font-size="8pt">text</font> 
10. Marquee scrolling left***
    MARQUEE direction="left" width="?">writing</MARQUEE> 
11. Scrolling left w/ background***
    <MARQUEE direction="left" width="?" bgcolor="#background color">writing</MARQUEE> 
12. Scroll left w/ background and font color change***
    <FONT color="#font color"><MARQUEE direction="left" width="?" bgcolor="#background color">writing</MARQUEE></FONT>  
13. Side to side w/ b/g color***
    <MARQUEE direction="left" width="?" bgcolor="#background color" behavior="slide">writing</MARQUEE> 
14. Marquee scrolling up and down***
    <MARQUEE behavior=alternate direction=up scrollAmount=speed width="?" height="?">writing</MARQUEE> 
15. Scrolling down***
    <MARQUEE direction=down scrollAmount=speed width="?" height="?">writing</MARQUEE>  

time in title bar »  
PLACE IN = website stats //
<script Language="JavaScript"> <!-- Hide /* This script was written by Mike Cullen, 1999 Featured on Dynamic Drive (dynamicdrive.com) For full source code, installation instructions and many more DHTML scripts Visit Dynamicdrive.com from xanga.com/html_scripts */ var scroller; var ampm; var actualtitle=document.title+" " function antiMilitaryTime() { if (hr == "12"){ ampm="P.M." } else if (hr == "13"){ hr="1" ampm="P.M." } else if (hr == "14"){ hr="2" ampm="P.M." } else if (hr == "15"){ hr ="3" ampm="P.M." } else if (hr == "16"){ hr = "4" ampm="P.M." } else if (hr == "17"){ hr = "5" ampm="P.M." } else if (hr == "18"){ hr = "6" ampm="P.M." } else if (hr == "19"){ hr = "7" ampm="P.M." } else if (hr == "20"){ hr = "8" ampm="P.M." } else if (hr == "21"){ hr = "9" ampm="P.M." } else if (hr == "22"){ hr = "10" ampm="P.M." } else if (hr == "23"){ hr = "11" ampm="P.M." } else if (hr == "24"){ hr = "12" } } function addZero(){ if (min <= "9"){ min = "0"+min } if (sec<= "9"){ sec = "0"+sec } if (hr <=9){ hr = "0"+hr } } function time(){ dt=new Date() sec=dt.getSeconds() hr=dt.getHours() ampm="A.M." min=dt.getMinutes() } function scroll() { time() antiMilitaryTime() addZero() var scroller="| The time is: "+hr+":"+min+":"+sec+" "+ampm var timeout=("scroll()", 1000) document.title=actualtitle+scroller } if (document.all||document.getElementById) scroll() //--> </script>

xanga clear out »  
PLACE IN = custom header
<!-- begin code provided by createblog.com --> <div scroll="no" style="overflow: auto; height: 1px; width: 1px; border: 0px;"> <!-- end code provided by createblog.com -->

subscriptions scrollbar »  
PLACE IN = website stats // edit it

--

ALERTS >>>>>

ask name, alert »  
PLACE IN = where you want it to show up
<SCRIPT LANGUAGE="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // from xanga.com/html_scripts name=window.prompt("Please tell me your name.","nobody"); document.write("<p align=center>Hi! "+name+".</p>") //--> </script>

disable all clicks »  
PLACE IN = website stats
<script language="javascript"> // No click script // This script and others available free at http://www.lissaexplains.com // from xanga.com/html_scripts function click() { if (event.button==1 || event.button==2) { alert('Your message') } } document.onmousedown=click </script>

enter alert »  
PLACE IN = website stats
this one has a cancel & ok button
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // FROM XANGA.COM/HTML_SCRIPTS confirm ("Your message") //--> </script>
this one has an only an ok button
<!-- from xanga.com/html_scripts <body onLoad = "alert ('Your message')">

leave alert »  
PLACE IN = website stats
<script language="Javascript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // FROM XANGA.COM/HTML_SCRIPTS var your_message = "Your message"; var times = 0; function onul() { if (times == 0) { var leave = confirm(your_message); if (!leave) location = self.location; times++; } } //--> </script> <body onunload="onul()">

on-mouseover alert »  
PLACE IN = custom header
<script language="JavaScript"> <!-- // please keep these lines on when you copy the source // made by: Nicolas - http://www.javascript-page.com // from xanga.com/html_scripts function text(txt) { window.status = txt; } // --> </script> <a href="" onmouseover='text("Your message"); return true'> Your text here</a>

CUSTOMIZATION >>>>>>

Ad changer »  
PLACE IN = website stats
<script> // orginally from createblog.com // FROM XANGA.COM/xHTML_HELPER function opaque(){ banner = document.body.firstChild.firstChild.getElementsByTagName('table')[0]; if(banner.innerHTML.match('xangalogosmall.gif')){ banner.parentNode.style.width = "0"; //don't change this banner.style.border = "1px solid #333333"; //border color banner.style.filter = "alpha(opacity=50)";//Foreground opacity banner.parentNode.style.background = "#0066c6"; // Your Color banner.parentNode.style.filter = "alpha(opacity=40)"; //Background Opacity } } setTimeout("opaque()",1); setTimeout("opaque()",10); </script>

ad mover »  
PLACE IN = website stats
<!-- From xanga.com/html_scripts by createblog.com --> <!--AdMover--> <!--Screennaimless code created by Anti_fukin_social--> <!--http://www.xanga.com/anti_fukin_social--> <div style="left=-350; top=0; position=absolute;"><img src="/images/dot_clear.gif" border="0" style="display:none" width="1"> <script></script><script language="javascript">document.write('<div id="ya1160" style="width: 100%">');document.write('<table border="0" cellspacing="0" cellpadding="0" width="100%">');document.write('<tr><td style="text-align: center;"><center>');document.write('<table style="background-color: #ffffff; border: 1px solid #4685C4; background-image: none;" cellSpacing=0 cellPadding=1 width=614 border=0><tbody><tr><td width=146>');document.write('<a href=http://www.xanga.com><img height=44 alt="Brought To You By Steve" src=/images/xangalogosmall.gif width=146 align=bottom border=0></A>');document.write('</TD><TD style="TEXT-ALIGN: right">');</script> </div><center>Brought to you by <a href="http://www.xanga.com/anti_fukin_social">Steve</a></center> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"><center><applet><xmp> <!--Finished--> <!--End Of AdMover--> <!-- end code provided by createblog.com -->

auto scrollbar for entries »  
PLACE IN = website stats //edit it
<!-- from xanga.com/xHTML_HELPER--> <style type="text/css"> .custom{ width:200px; height:200px; z-index:100; overflow: auto; border: 2px color solid; background:#000000; }</style> <!-- begin code provided by createblog.com from xanga.com/html_scripts--> <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>

blog editer »  
PLACE IN = website stats
<style> .blogbody {background-color: #000000;}; </style>

bolded color »  
PLACE IN = website stats // change color
<!-- from xanga.com/xHTML_HELPER --> <style type="text/css"> b, strong { color: #ffffff; } </style>

button style »  
PLACE IN = website stats
<style> input {font-family: arial; font-size: 12px; border: solid 1px #D1DCEB; background-color: #EEF2F7; color: #000000;}; </style>

comment background color »  
PLACE IN = website stats
<!-- begin code provided by createblog.com --> <script language="javascript"> //FROM XANGA.COM/xHTML_HELPER function colorComments(){ //Edit your first color below var blogring="#FFFFFF"; //Edit your second color below var dotnet="#FCEBFF"; var colorchange=0; var comments = document.all ? "class"+"Name" : "class"; var backgrounds = document.getElementsByTagName("table"); for (var cn=0; cn < backgrounds.length; cn++){ if (backgrounds[cn].getAttribute(comments) == "blogbody"){ colorchange = colorchange == 1 ? 0 : 1; backgrounds[cn].style.backgroundColor = colorchange == 1 ? blogring : dotnet; }}} if (document.location.href.indexOf("item.aspx") != -1) colorComments(); </script>

comment boxes »  
PLACE IN = custom header
<style type="text/css"> #htmleditor { border : 1x solid #345678; } <style>

display one entry »  
PLACE IN = website stats
<script> // Display Only One Entry // from xanga.com/xHTML_HELPER if(location.pathname=="/home.aspx"){ var longer = false; var tds = document.getElementsByTagName('td'); for(i=0; i<tds.length;i++) { booga = tds[i].innerHTML.indexOf('blogheader'); if(booga==11){longer=false;break;} boogie = tds[i].innerHTML.indexOf('javascript'); if(boogie == 19){longer=true;break;} } var tables = tds[i].getElementsByTagName('table'); var numBreaks = 0; var x = 0; if(longer==true){x=3;}else{x=1} for(j=x; j<tables.length;j++) { numBreaks += tables[j].getElementsByTagName('br').length; tables[j].style.display='none'; } var divs = tds[i].getElementsByTagName('div'); for(j=2+(2*1)-2; j<divs.length;j++) { divs[j].style.display='none'; } var breaks = tds[i].getElementsByTagName('br'); for(j=breaks.length-5-numBreaks;j<breaks.length;j++) { breaks[j].style.display='none'; } var horizontals = tds[i].getElementsByTagName('hr'); var j = horizontals.length-1; horizontals[j].style.display='none'; } </script><!--Blogring.net--> <!-- end code provided by createblog.com -->

edit entry dates »  
PLACE IN = website stats
<!-- from xanga.com/xHTML_HELPER --> <!-- 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 -->

entry chooser »  
PLACE IN = website stats
<!-- begin code provided by createblog.com --> <script> // dangit // from xanga.com/xHTML_HELPER numberOfEntries = 3; //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 createblog.com -->

fade-images »  
PLACE IN = custom header
<script> /* Gradual-Highlight Image Script II- By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) Permission granted to Dynamicdrive.com to feature script in archive For full source to script, visit http://dynamicdrive.com */ nereidFadeObjects = new Object(); nereidFadeTimers = new Object(); /* object - image to be faded (actual object, not name); * destop - destination transparency level (ie 80, for mostly solid) * rate - time in milliseconds between trasparency changes (best under 100) * delta - amount of change each time (ie 5, for 5% change in transparency) */ function nereidFade(object, destOp, rate, delta){ if (!document.all) return if (object != "[object]"){ //do this so I can take a string too setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0); return; } clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object.filters.alpha.opacity > destOp){ direction = -1; } delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=direction*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } </script>
style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">

gradient background»  
PLACE IN = website stats
<!-- from xanga.com/xHTML_HELPER --> <!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> <style>body {background:#000000; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#000000,EndColorStr=#CCCCCC); }</style> <!-- end code provided by createblog.com --> <!-- end code provided by createblog.com -->

---------------------M O U S E H O V E R S-----------------------

1. Blur**
   <style> a:hover, a:link, a:visited {filter:blur; .alpha {width: inherit; height: 1; filter: alpha (Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);} </style>   
2. Border**
   <style> a:hover {border: 1px solid #ANY COLOR YOU WANT IN A HEX CODE;} </style>    
3. Spaced out**
   <style type="text/css"><!-- a:hover{letter-spacing:5px} //--></style>   
4. Cursor change**
   <style type=text/css><!-- body{cursor:crosshair} //--></style>    
5. Upside down link**
   <style type="text/css"> <!-- A:hover {filter: flipv} --> </style>    
6. Fades to another color**
   <script language="JavaScript"> <!-- var fadeTo = "ffffff"; var fiBy = 5; var foBy = 5; var speed = 18; var ignoreClass = "ignore"; var opera, ie, dom, x = 0, oc, fader, ocs = new Array(); if (navigator.userAgent.indexOf("Opera") != -1) opera = true else if (document.all && !opera) ie = true else if (!document.all && document.getElementById) dom = true; function convertRGB(z) { var newfcS = "", splitter = ""; splitter = z.split(","); splitter[0] = parseInt(splitter[0].substring(4, splitter[0].length)); splitter[1] = parseInt(splitter[1]); splitter[2] = parseInt(splitter[2].substring(0, splitter[2].length-1)); for (var q = 0; q < 3; q++) { splitter[q] = splitter[q].toString(16); if (splitter[q].length == 1) splitter[q] = "0" + splitter[q]; newfcS += splitter[q]; } return newfcS; } function currentColour(index) { var temp, cc; if (opera) cc = document.links[index].style.color else if (ie) cc = document.links[index].currentStyle.color else if (dom) cc = document.defaultView.getComputedStyle(document.links[index], '').getPropertyValue("color"); if (cc.length == 4 && cc.substring(0, 1) == "#") { temp = ""; for (var a = 0; a < 3; a++) temp += cc.substring(a+1, a+2) + cc.substring(a+1, a+2); cc = temp; } else if (cc.indexOf("rgb") != -1) cc = convertRGB(cc) else if (cc.length == 7) cc = cc.substring(1, 7) else cc = fadeTo; return cc; } function convert2Dec(hex) { var rgb = new Array(); for (var u = 0; u < 3; u++) rgb = parseInt(hex.substring(u*2, u*2+2), 16); return rgb; } function newRGB(f, n, d) { var change; if (d == 1) change = fiBy else change = foBy; for (var g = 0; g < 3; g++) { if (n[g] > f[g] && n[g] - change >= 0) n[g] -= change; if (n[g] < f[g] && n[g] + change <= 255) n[g] += change; } return n; } function fade(index, d) { var fc, nc, temp = new Array(), finished = false; nc = convert2Dec(currentColour(index)); if (d == 1) fc = convert2Dec(fadeTo) else fc = convert2Dec(ocs[x]); temp = convert2Dec(currentColour(index)); nc = newRGB(fc, nc, d); if ((nc[0] == temp[0]) && (nc[1] == temp[1]) && (nc[2] == temp[2])) finished = true; if (!finished) document.links[x].style.color = "rgb(" + nc[0] + "," + nc[1] + "," + nc[2] + ")" else clearInterval(fader); } function findLink(over) { if (document.layers) return; if (fader) { clearInterval(fader); document.links[x].style.color = "#" + ocs[x]; } if (over && !this.id) this.id = over; x = 0; while (!(this.id == document.links[x].id) && (x < document.links.length)) x++; if (this.id == document.links[x].id) { oc = currentColour(x); fader = setInterval("fade(" + x + ", 1)", speed); } } function clearFade() { if (document.layers) return; if (fader) clearInterval(fader); fader = setInterval("fade(" + x + ", 0)", speed); } function init() { for (var i = 0; i < document.links.length; i++) { ocs[i] = currentColour(i); var currentOver = document.links[i].onmouseover; var currentOut = document.links[i].onmouseout; var ignoreIt = document.links[i].className == ignoreClass; if (!ignoreIt) document.links[i].id = "link" + i; if (!currentOver && !currentOut && !ignoreIt) { document.links[i].onmouseover = findLink; document.links[i].onmouseout = clearFade; } } } if (opera || ie || dom) window.onload = init; --> </script> 
7. Sound on a mouseover**    [put ur own sound thing]
   <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>       
8. Rainbow mouseover **   --this one's awesome
   <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>       
9. Pushes down **
   <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>       
10. Pulls up **
    <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>      
11. 3-D Box **
    <STYLE type="text/css"><!--A{text-decoration:none;cursor:default;}A:HOVER{text-decoration:none;background-color:#ccffcc;cursor:default;border-top:1px none;border-bottom:1px solid deepskyblue;border-left:1px none;border-right:1px solid hotpink;}--></STYLE>     
12. Sunburst effect**  
    <style type="text/css"><!--a:link{color:#000000;text-decoration:none;}a:visited{color:#000000;text-decoration:none;}a:active{color:#000000;text-decoration:none;}a:hover{color:#000066;text-decoration:none;filter:shadow(color=?,direction=135);width:100%;height:100%;}a{cursor:default;}--></style>       
13. Shadow **
    <style type="text/css"><!--A:hover{color:?;filter:dropshadow(color=?,offx=2,offy=2,positive=true);height:8pt;text-decoration:none;}A{text-decoration:none;}--></style>   

module title image »  
PLACE IN = custom header
<style> /*FROM XANGA.COM/xHTML_HELPER by xanga.com/add_ons */ table.left TH { background-image: url("PUT IMAGE URL HERE"); background-repeat: no-repeat;}; } </style>

profile color »  
PLACE IN = custom header
<!-- Module Subject Color Changer By Blogring.net --> <!-- From xanga.com/xHTML_HELPER --> <style type="text/css"> #profName{color:#000000} #profCountry{color:#000000} #profBirthday{color:#000000} #profGender{color:#000000} #profInterests{color:#000000} #profExpertise{color:#000000} #profOccupation{color:#000000} #profIndustry{color:#000000} #profEmail{color:#000000} #profMember{color:#000000} </style> <!-- Script by Blogring.net -->

title change »  
PLACE IN = website stats
<script language="JavaScript"> /* title change from xanga.com/html_scripts */ document.title = "NEW TITLE HERE" </script>

title scroller »  
PLACE IN = website stats
<SCRIPT> /* title scroller from xanga.com/xHTML_HELPER */ //the left placeholder below var left=".."; //the right placeholder below var right=".."; //Change the message var msg=" This is my xanga "; //the speed var speed=100; function scroll_title() { document.title=left+msg+right; msg=msg.substring(1,msg.length)+msg.charAt(0); setTimeout("scroll_title()",speed); } scroll_title(); </script>  [scrolls your messege;]
<script language="javascript"> //FROM XANGA.COM/xHTML_HELPER var titletext="Your title"; // The title var repeat=true; // SET TO true TO REPEAT, false TO "TYPE" OUT TITLE ONLY ONCE. var index=0; function scrolltitle(){ if(index<=titletext.length){ document.title=titletext.substring(0,index); index++; setTimeout('scrolltitle()', 200); }else{ index=0; if(repeat)setTimeout('scrolltitle()',1000); }} window.onload=function(){ if(!document.layers)setTimeout('scrolltitle()',1000); } </script>  [ types your messege ]

tooltip title »  
PLACE IN = website stats
<!-- from xanga.com/html_scripts --> <ACRONYM title="xHTML_HELPER">

transparent modules »  
PLACE IN = website stats
<style> <!-- Transparent module : : Blogring.net --> <!-- from xanga.com/xHTML_HELPER table.search TD, table.search, table.announcements, table.left TD { filter: alpha(style=0,opacity=90); } </style> <!-- End Script : Provided by Blogring.net -->

Text Replacing

Script by EasterEgg, used with permission.
This script replaces any given word or text fragment with whatever you want: new words and fragments, or even HTML! Actually it's pretty simple: add the words or fragments you wish to replace to the array "oldWords" (each word placed between double quotation marks, and separated by colons as you can see below) and add their replacements to the array "newWords", at the same position as the original words in "oldWords". The example is pretty self-explaining.

Xanga directions:

The script is case sensitive, meaning that if you add "something" to "oldWords" array it will not recognize "SOMETHING", or "SoMetHInG".
You can adjust the existing arrays in this code as you see fit, as long as both arrays keep the same size (same amount of words in both arrays), otherwise a script error will occur.
Copy this entire code and paste in the webstats box at your Look and Feel page.

<!-- Replace Text : Provided by Blogring.net --> <script type="text/javascript"> // // ©2003 EasterEgg, http://www.xanga.com/easteregg // Provided by http://www.Blogring.net function replaceWords() { // ***add the words or fragments you wish to replace below var oldWords = new Array( "Sites I Read", "Gender:", "Birthday:", "My Blogrings", "eprop", "comment" ); // *** add the replacing words or fragments below var newWords = new Array( "Dailies", "Sex:", "B-day:", "Blogrings", "cent", "dollar" ); allTableData = document.getElementsByTagName('td'); allTableHeaders = document.getElementsByTagName('th'); var collections = new Array(allTableData,allTableHeaders); //document.write.blogring.net for (var k = 0 ; k < collections.length ; ++k ) { for (var i = 0 ; i < collections[k].length ; ++i ) { if (collections[k][i].innerHTML.indexOf('TABLE') == -1) { for ( var n = 0 ; n < oldWords.length; ++n ) { var indx = collections[k][i].innerHTML.indexOf(oldWords[n]) while (indx != -1) { var replacement = ''; //document.write.blogring.net indx = collections[k][i].innerHTML.indexOf(oldWords[n]); replacement = collections[k][i].innerHTML.replace(oldWords[n], newWords[n]); collections[k][i].innerHTML = replacement; break; } } } } } } replaceWords(); </script> <!-- End Script : Provided by Blogring.net -->

Without scroll bar [picture marquee] Note: Add as many: <img src="URL HERE"> codes as u want!

<MARQUEE behavior=alternate> <MARQUEE width=200><IMG src="url of image here"><IMG src="url of image here"><IMG src="url of image here"></MARQUEE></MARQUEE>

  Example:   this is the code for scrollbar entry --u have to put it in the Edit HTML on every entry++: 

<P><TEXTAREA style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #000000 1px solid; WIDTH: 311px; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: arial; HEIGHT: 67px; BACKGROUND-COLOR: #ffffff" rows=4 cols=56> YOUR TEXT HERE </textarea>

CURSORS>

N-Resize
NE-Resize
E-Resize
SE-Resize
S-Resize
SW-Resize
W-Resize
NW-Resize
Move
Wait
CrossHair
Text
Help
Hand

no right-click with on pop-up thingy »  
scrollbar » PLACE IN = custom header // website stats -edit it <!-- Custom Colored Scrollbars : Blogring.net--> <style type="text/css"> <!-- BODY { scrollbar-face-color: #COLOR; scrollbar-shadow-color: #COLOR; scrollbar-highlight-color: #COLOR; scrollbar-3dlight-color: #COLOR; scrollbar-darkshadow-color: #COLOR; scrollbar-track-color: #COLOR; scrollbar-arrow-color: #COLOR; --> </style> <!-- End Script: Blogring.net-->

--} make your own layout .. ( u edit it to the colors u want, put this in the custom header...make sure u click on the circle that had custom header next to it. Preview it before u save it.)
<style type="text/css"> body { background-color: #FFFFFF; scrollbar-arrow-color: #B991C9; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #B991C9; scrollbar-face-color: #B991C9; scrollbar-highlight-color: #B991C9; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:black; letter-spacing:0px; text-align:justify; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family:impact; text-transform:uppercase; font-size:16px; line-height:10px; font-weight:bold; color:#C991AE; letter-spacing:0px; background-color: #ffffff; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#B991C9; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#B991C9; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#9D91C9; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #c0c0c0; font:normal 11px arial; background-color: #FFFFFF; letter-spacing:0px; color: #000000; } table.left { /* this edits the menu module */ border: 1px solid #c0c0c0; width:160px; background-color: #FCEBFF; } table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid c0c0c0; background-color: #ffffff; 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: #FCEBFF; font: bold 11px arial; text-transform: uppercase; color: #C991AE; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(http://url.com/to/the/site/image.gif); background-color: #FFFFFF; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #FCEBFF; border: 1px solid #c0c0c0; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #c0c0c0; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FCEBFF; } </style>  

i'll get some more codes later on .. so dont leave requests yet >:]

                                        --» diana ♥