codezndImagez on Xanga

Layouts R Us

Talkflooble chatterbox, a free javascript chat tag board / shoutbox / tagboard program for your xanga, diary, blogger or webloglogic puzzles

codezndImagez
read my profile sign my guestbook Message: message me Member Since: 6/13/2004

SubscriptionsSites I Read
Subscribe to codezndImagez Get trial subscription

Blogrings
**:.: XaNgErZ HeLpEr :.: previous - random - next code! code! code! all_about_code** previous - random - next

Posting Calendar

\|<< oldest \| newest >>\|
view all weblog archives

Wednesday, June 22, 2005

ICONS AND IMAGES FOR EVERYONE

Image hosted by TinyPic.com

#009

Image hosted by Photobucket.com

Image hosted by TinyPic.com

5:01 PM - 24 views - 10 eprops - 5 comments - email it

Ok guys hereare some codes i definately hope ul love em!!

Codes that need to be entered in Custom Header will have 1 star next to them (*)
Codes that need to be entered in Website Stats will have 2 stars next to them (**)
Codes that can be entered where ever you want will have 0 stars next to them.

A Basic Link
<a href=URL OF WEBSITE> TEXT HERE</a>

Email Link
<a href="mailto:NAME@EMAIL.com"> TEXT HERE</a>

Emails with subjects
<a href="mailto: NAME@EMAIL.com?subject=blah"> TEXT HERE</a>

When your mouse goes over this link a popup comes up
<a href="" onMouseover="alert('TEXT')"> TEXT</a>

When you go to a site it automatically takes you to another site
<META HTTP-EQUIV="Refresh" CONTENT="6; URL=URL HERE">

Link Drop Down List
<form><select name=select size="1" style="background-color:COLORHERE; font size:#pt; font-family:FONTHERE; color:COLORHERE" onchange="location.href= (form.select.options[form.select.selectedIndex].value)"> <option value="URL">page link</option> <option value="URL">page link</option> <option value="URL">page link</option> </select></form>

Changing Link Styles
You can put several things in one by seperating each with a ;
<STYLE type="text/css"></STYLE>

Changes Font Color
<font color=COLORHERE>TEXT HERE</font>
Click here for a hex code list with colors

Changes Font Size

Changes Font Face

Combining It All

Extras
<i>italics</i>
<s>~~slashout~~</s>
<b>bold</b>
<u>underline</u>
<sup>^SuperScript</sup>
<sub>_{_subscript}</sub>

Your Basic Marquee

Marquee With Border

Bouncy Marquee

Marquee With Background Color
<marquee bgcolor=aqua>TEXT HERE</marquee>

Marquee Directions
<marquee direction=right, left,up,or down>TEXT HERE</marquee>

Marquee Speed
<marquee scrollamount=NUMBER>TEXT HERE</marquee>

Marquee Width
<marquee width=percent OR number>TEXT HERE</marquee>

When Your Mouse Goes Over the Marquee it Changes Speed
<marquee onMouseover="this.scrollAmount=#" onMouseout="this.scrollAmount=#">TEXT</marquee>

Marquee that Stops
<marquee behavior=slide>TEXT</marquee>

A Normal Graphic
<img src=URL OF GRAPHIC>

Linking Graphic
<a href="URL OF LINK"> <img src="URL OF GRAPHIC"border=0> </a>

Blurred Graphic
<IMG SRC="IMAGE URL" STYLE="filter:Blur(strength=50)">

Black and White Graphic
<img src="address" id="GRAY1" border=0 style="align:center;width:?px;height:?px;filter:Gray">

Graphic blur more to the left
<img src="address" style="filter:Alpha(Style=1)">

Circle around the graphic is blurred
<img src="address" style="filter:Alpha(Style=2)">

Mirror Graphic
<TABLE STYLE="filter:FlipH()"><TR><TD align="center"><IMG SRC="address"></TD></TR></TABLE>

Flipped Graphic
<DIV STYLE="width:100%;filter:FlipV()"><IMG SRC="address"></DIV>

Basic Table
<MARQUEE width="100" style="border:2pxdotteddeeppink">writing</MARQUEE>

Three Layered Border in the Table
<TABLE bgcolor="#ff0033"> <TBODY><TR><TD bgcolor="#ffffff"><TABLE bgcolor="#ff6600"> <TBODY><TR><TD bgcolor="#ffffff"><TABLE bgcolor="#ffff00"><TBODY><TR><TD bgcolor="#ffffff">writing</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

3D Table
<table border cellpadding="3"cellspacing="0"width="150"bgcolor="#?"bordercolor="#ffffff"bordercolordark="#ffffff"bordercolorlight="#000000"><tr><td><table border cellspacing="0"width="100%"bordercolor="#ffffff"bordercolordark="#ffffff"bordercolorlight="#000000"><tr><td bgcolor="#ffffff"><p align="center">writing<BR></td></tr></table></td></tr></table>

Round Blur with Text in the Middle
<table width=130 height=130 style="filter: alpha(opacity=100,finishopacity=0,style=2);"><tr><td align=center bgcolor=deepskyblue>writing</td> </tr></table>

Square Blur with Text in the Middle
<table width=150 height=150 style="filter: alpha(opacity=100,finishopacity=8,style=3);"><tr><td align=center bgcolor=deeppink><PRE>writing</PRE></td></tr></table>

3 Lines on one Side
<TABLE bgcolor="#000000" cellspacing=1 CELLPADDING=3><TBODY><TR> <TD bgcolor="#ff1493"width="2"height="100"></TD><TD bgcolor="#ff69b4"width="2"height="100"></TD><TD bgcolor="#ffaacc"width="2"height="100"></TD><TD bgcolor="#ffffff"height="100"align="center"width="225">writing</TD></TR></TBODY></TABLE>

Fades more to the left
<table width=150 height=150 style="filter: alpha(opacity=100,finishopacity=10,style=1);"><tr><td align=center bgcolor=skyblue><PRE>writing</PRE></td></tr></table>

Table Background Color
<TABLE border="1" bgcolor="000000" bordercolor="skyblue" cellspacing="1" cellpadding="5" width="130"><tr> <TD bgcolor="skyblue" align="center">writing<BR></TD></tr></TABLE>

Double Border Around Table
<TABLE width="208" border="0" style="border:double 4px;border-color:bebebe;"><tr> <TD bgcolor="ffffff" align="center">writing<br></TD></tr></TABLE>

Add AIM Buddy to Buddylist
aim:addbuddy?screenname=SCREENNAME aim:addbuddy?screenname=SCREENNAME&groupname=GROUPNAME

AIM Chat Room
aim:gochat?roomname=ROOMNAME

IM Someone on AIM
aim:goim aim:goim?screenname=SCREENNAME aim:goim?screenname=SCREENNAME&message=MESSAGE

AIM Status*
<script language="Javascript"> //AIM Status - xanga.com/add_ons //paste in custom header only //your screen name below var mysn="SmarterChild"; //the message before your AIM Status var themsg="I am currently"; //picture to show when you are online var onlinepic="http://www.aimfilez.com/online.gif"; //picture to show when you are offline var offlinepic="http://www.aimfilez.com/offline.gif"; //no need to edit here document.write(themsg + " <IMG SRC=http://big.oscar.aol.com/" + mysn + "?on_url=" + onlinepic + "&off_url=" + offlinepic + ">."); </script>

Alternating Comment Backgrounds**
<script language="javascript"> //alternate comment backgrounds - xanga.com/html_codes_r_us //from http://www.xanga.com/seanmeister function colorComments(){ //set the two colors var bg1="#000000"; var bg2="#CCCCCC"; var sw=0; var attname = document.all ? "class"+"Name" : "class"; var ctables = document.getElementsByTagName("table"); for (var cn=0; cn < ctables.length; cn++){ if (ctables[cn].getAttribute(attname) == "blogbody"){ sw = sw == 1 ? 0 : 1; ctables[cn].style.backgroundColor = sw == 1 ? bg1 : bg2; }}} if (document.location.href.indexOf("item.aspx") != -1) colorComments(); </script>

Animated Merlin*
<Object ID=tsaiannie53441 ClassID=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F></Object> <script language="JavaScript">  </script>
Click here for a list of possible animations

Blog Background Color*
<style type="text/css"> /* Blog Background Color - xanga.com/add_ons */ .blogbody {background-color: #FFFFFF;}; </style>

Blog Background Image*
<style type="text/css"> /* Blog Image Background - xanga.com/add_ons */ .blogbody {background-image: url(IMAGE URL HERE);}; </style>

Blog With Scrollbar
<textarea rows="10" cols="60" style="color: #000000; font-family: Tahoma; font-size: 10px; border-style: solid; border-width: 1px; border-color: #000000; background-color: #FFFFFF;"> WEBLOG CONTENT

Blurred Link on Hover*
<style type="text/css"> /* Blurred Hyperlinks - xanga.com/add_ons - use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION - STRENGTH means the blur power - do not change or remove HEIGHT:0 and add="0" */ a:hover {filter:blur(add="0",direction="90",strength="7"); height:0;}; </style>

Boxed Blog*
<style type="text/css"> /* Bordered Weblogs - xanga.com/add_ons */ .blogheader { /* This sets your date's border color */ border: 1px SOLID #000000; } .blogbody { /* This sets your weblog content border color */ border-right: 1px SOLID #000000; border-bottom: 1px SOLID #000000; border-left: 1px SOLID #000000; } </style>

Boxed Xanga*
<DIV align="center" valign="middle" style="BORDER-RIGHT: #660000 1px solid; BORDER-TOP: #660000 1px solid; FILTER: alpha(opacity=100); OVERFLOW: auto; BORDER-LEFT: #660000 1px solid; WIDTH: 850px; BORDER-BOTTOM: #660000 1px solid; HEIGHT: 470px; BACKGROUND-COLOR: #ffffff">

Chatterbox Screenname Tracker**
<script language="javascript"> //chatterbox screen name tracker - xanga.com/add_ons function getXName() { for (var i = 0; i < document.links.length; i++) { if (document.links[i].href.substring(0,38)=="http://www.xanga.com/private/home.aspx") { var link = document.links[i]; var text = document.all ? link.innerText : link.text ? link.text : ''; return text; break; }} return null; } function getPopLink() { for (var i = 0; i < document.links.length; i++) { if (document.links[i].id=='chatterpopup') return document.links[i]; break; } return null; } xName = getXName(); if (xName != null && chatterbox == 'ok') { nameBox = document.forms['chatterform'].elements['name']; nameBox.value=xName; chatter_name = xName; urlBox = document.forms['chatterform'].elements['uurl']; if (urlBox) { urlBox.value='http://www.xanga.com/home.aspx?user=' + xName; } } else if (xName == null && chatterbox == 'ok') { nameBox = document.forms['chatterform'].elements['name']; nameBox.value='Log in'; nameBox.disabled=true; msgBox = document.forms['chatterform'].elements['msg']; msgBox.value='to post'; msgBox.disabled=true; postBtn = document.forms['chatterform'].elements['post']; postBtn.disabled = true; urlBox = document.forms['chatterform'].elements['uurl']; if (urlBox) { urlBox.value='to Xanga'; urlBox.disabled=true; } popLink = getPopLink(); if (popLink != null) { popLink.href = popLink.href + '&nopost=Log+in!!'; } } </script>

Countup
<SCRIPT LANGUAGE="JavaScript">  </script>

Custom Cursor**
<style type="text/css"> body {cursor: url(CURSOR URL)} </style>

Did You Know? Remover*
<style type="text/css"> /* Did You Know? Remover - xanga.com/add_ons */ Table.Announcements TD {display: none;}; </style>

Eprop Picture Changer**
<script language=javascript> //eprop changer - xanga.com/add_ons //taken from blogring.net var oldprop = new Array('http://www.xanga.com/Images/eProp.gif'); var newprop = new Array('ADD YOUR IMAGE URL HERE'); for (var i = 0; i < document.images.length; i++) { for (var s = 0; s < oldprop.length; s++){ if (document.images[i].src == oldprop[s]){ neweprop = document.createElement('img'); neweprop.src = newprop[s]; document.images[i].parentNode.replaceChild(neweprop, document.images[i]); break; } } } </script>

Remove Link Bar From Bottom of Xanga*
<style type="text/css"> /* Footer Remover - xanga.com/add_ons */ table.footer, table.footernav {display: none;}; </style>

Get Involved and Posting Calendar Remover**
<script language="javascript"></script>

Message By Time
<script language="Javascript">  </script>

Background Image as Title Bar of Modules*
<style> /* Module Title Image - xanga.com/add_ons */ table.left TH { /* put the URL in the parentheses */ background-image: url("PUT IMAGE URL HERE"); background-repeat: no-repeat;}; } </style>

Switches Blog and Module Locations**
<script language=javascript> //module swapper - xanga.com/add_ons //by blogring.net function swapDotnet(){ var blogring = document.getElementsByTagName("td") for (var i = 0; i < blogring.length; i++){ if (blogring[i] == "mainleft" || blogring[i].width == "200"){ var dotnet = blogring[i].cloneNode(true); blogring[i].parentNode.appendChild(dotnet); blogring[i].parentNode.removeChild(blogring[i]); break; }} } swapDotnet(); </script>

Scrollbar Colors*
<script> <style>  </style>

Source Encrypter
Click Here for a source encrypter!

Enter Page* Beginning of Custom Header
<script type='text/javascript'> // intro splash page by micron // for more xanga scripts and help go to xangans.com // distributed by xanga.com/add_ons // change this url to an image of your choice var image = 'http://www.xangans.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>

Removes Links at Top of Xanga*
<STYLE> /* top bar remover - xanga.com/add_ons */ table.navigation {display: none;};</STYLE>

Side Bar Remover**
<style type="text/css"> .mainleft, table.left, table.left TH, table.left TD, .leftmoduleborder {display: none;}; </style>

Custom Modules
Put this in custom Header <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>  <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">  <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">  <a href="http://www.xanga.com/blogrings/blogring.asp?id=200537">Xangans.com</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>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">
Put this in website stats at the top </td></tr></table>

Fading Scrollbar
<script LANGUAGE="JavaScript"> function eightb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("one()",100); } </script> <script language="javascript"> function sevenb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("eightb()",100); } </script> <script language="javascript"> function sixb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("sevenb()",100); } </script> <script language="javascript"> function fiveb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("sixb()",100); } </script> <script language="javascript"> function fourb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("fiveb()",100); } </script> <script language="javascript"> function threeb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("fourb()",100); } </script> <script language="javascript"> function twob() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("threeb()",100); } </script> <script language="javascript"> function oneb() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000090"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00001b"; } setTimeout("twob()",100); } </script> <script language="javascript"> function eight() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000080"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00002b"; } setTimeout("oneb()",100); } </script> <script language="javascript"> function seven() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000070"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00003b"; } setTimeout("eight()",100); } </script> <script language="javascript"> function six() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000060"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00004b"; } setTimeout("seven()",100); } </script> <script language="javascript"> function five() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000050"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00005b"; } setTimeout("six()",100); } </script> <script language="javascript"> function four() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000040"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00006b"; } setTimeout("five()",100); } </script> <script language="javascript"> function three() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000030"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00007b"; } setTimeout("four()",100); } </script> <script language="javascript"> function two() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000020"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00008b"; } setTimeout("three()",100); } </script> <script language="javascript"> function one() { with(document.body.style) { scrollbarDarkShadowColor="0000FF"; scrollbar3dLightColor="87CEFA"; scrollbarArrowColor="0084ff"; scrollbarBaseColor="0000FF"; scrollbarFaceColor="000010"; scrollbarHighlightColor="0000FF"; scrollbarShadowColor="0000FF"; scrollbarTrackColor="00009b"; } setTimeout("two()",100); } </script> <script langauge="javascript"> setTimeout("one()",500); </script>

Page Transition Effects*
Blinds*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Blinds(Duration=1)">
Barn*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Barn(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Barn(Duration=1)">
Checkerboard*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=1)">
Fade*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=1)">
Gradient Wipe*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=1)">
Inset*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Inset(Duration=1)">
Iris*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=1)">
Pixelate*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=1)">
Radial Wipe*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RadialWipe(Duration=1)">
Random Bars*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomBars(Duration=1)">
Random Dissolve*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=1)">
Slide*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Slide(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Slide(Duration=1)">
Spiral*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Spiral(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Spiral(Duration=1)">
Stretch*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Stretch(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Stretch(Duration=1)">
Strips*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Strips(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Strips(Duration=1)">
Wheel*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Wheel(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Wheel(Duration=1)">
Zig Zag*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=1)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.ZigZag(Duration=1)">
Stars*
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(duration=2.0, irisStyle=star, motion=out)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(duration=2.0, irisStyle=star, motion=out)">

Games used on a Dark Background
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/Flash/swflash.cab#version=6,0,29,0" width="549" height="230"> <param name="movie" value="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=dark&title=GAMES ROOM"> <param name="quality" value="high"> <param name="menu" value="false"> <embed src="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=dark&title=GAMES ROOM" width="549" height="230" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/Flash/swflash.cab#version=6,0,29,0" width="549" height="230"> <param name="movie" value="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=dark&title=GAMES ROOM"> <param name="quality" value="high"> <param name="menu" value="false"> <embed src="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=dark&title=GAMES ROOM" width="549" height="230" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed> </object>

Games used on a Light Background
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/Flash/swflash.cab#version=6,0,29,0" width="549" height="230"> <param name="movie" value="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=light&title=GAMES ROOM"> <param name="quality" value="high"> <param name="menu" value="false"> <embed src="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=light&title=GAMES ROOM" width="549" height="230" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed> </object> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/Flash/swflash.cab#version=6,0,29,0" width="549" height="230"> <param name="movie" value="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=light&title=GAMES ROOM"> <param name="quality" value="high"> <param name="menu" value="false"> <embed src="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=light&title=GAMES ROOM" width="549" height="230" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed> </object>

When hover over links it has a submenu*
<CENTER><FONT size:#pt font FONT HERE family:>* <A onmouseover=showit(0) href="http://www.xanga.com/">xanga</A> * <A onmouseover=showit(1) href="http://www.xanga.com/private/home.aspx">controls</A> * <A onmouseover=showit(2) href="http://www.xanga.com/Oomi12acleoO">gina</B></A> * <A onmouseover=showit(3) href="http://www.xanga.com/blogrings">blogringz</A> * <BR><ILAYER bgColor="#" name="dep1" height="32" width="400"><LAYER name="dep2" height="30" width="400"></LAYER></ILAYER> <DIV id=describe onmouseover=clear_delayhide() style="WIDTH: 500px; HEIGHT: 10px" onmouseout=resetit(event)></DIV> <script language=JavaScript1.2> /* Tabs Menu (mouseover)- By Dynamic Drive For full source code and more DHTML scripts, visit http://www.dynamicdrive.com This credit MUST stay intact for use */ http://premium.xanga.com/Private/Premium/xtools.asp?reload=/private/home.aspx var submenu=new Array() //Set submenu contents. Expand as needed. For each content, make sure everything exists on ONE LINE. Otherwise, there will be JS errors. submenu[0]='<font size="1" face="trebuchet ms">- <a href="http://www.xanga.com/signin.asp">sign in</a> - <a href="http://www.xanga.com/logout.asp">log out</a> - <a href="http://www.xanga.com/register.asp">membership</a> -</font>' submenu[1]='<font size="1" face="trebuchet ms">- <a href="http://www.xanga.com/CLAF/default.asp">look&feel</a> - <a href="http://xanga.com/private/subscriptions.aspx">subscriptionz</a> - <a href="http://xanga.com/private/feedback.aspx">feedback logz</a> - </font>' submenu[2]='<font size="1" face="trebuchet ms">- <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=Oomi12acleoO">subscribe now</a> - <a href="http://www.xanga.com/guestbook.asp?user=Oomi12acleoO">sign g-book</a> -</font>' submenu[3]='<font size="1" face="trebuchet ms">- <a href="http://www.xanga.com/blogrings/blogring.asp?id=22373">* FAITH * HOPE * LOVE *</a> - <a href="http://www.xanga.com/blogrings/blogring.asp?id=12260">* kOrEaN pRyDe *</a> - <a href="http://www.xanga.com/blogrings/blogring.asp?id=14975">KOREAN CHRISTIANS!</a> - <a href="http://www.xanga.com/blogrings/blogring.asp?id=126866">Yosemite Summer Camps</a> -</font>' //Set delay before submenu disappears after mouse moves out of it (in milliseconds) var delay_hide=500 /////No need to edit beyond here var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : "" function showit(which){ clear_delayhide() thecontent=(which==-1)? "" : submenu[which] if (document.getElementById||document.all) menuobj.innerHTML=thecontent else if (document.layers){ menuobj.document.write(thecontent) menuobj.document.close() } } function resetit(e){ if (document.all&&!menuobj.contains(e.toElement)) delayhide=setTimeout("showit(-1)",delay_hide) else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) delayhide=setTimeout("showit(-1)",delay_hide) } function clear_delayhide(){ if (window.delayhide) clearTimeout(delayhide) } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } </SCRIPT>

Ad Mover** ADD TO END OF WEBSITE STATS
   <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>  

Image Slide Show
<script type='text/javascript'> // image slideshow by micron // for more xanga scripts and help go to createblog.com // 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()'>

Move Scrollbar to Left*
<body ONCONTEXTMENU="return false" dir="rtl"><DIV DIR="LTR">

Border Around Entire Xanga*
<BODY style= "border-left: #COLOR #pt solid; border-right: #COLOR #pt solid; border-bottom: #COLOR #pt solid; border-top: #COLOR #pt solid;"> </BODY>

When you right click popups keep coming up**
<script LANGUAGE="JavaScript"> // Right Click Infinate Warning document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert("First message goes here"); times++ } } function bye() { alert("Second message goes here"); bye() } </SCRIPT>

Dropdown Music Menu
<form name=choose> Music Menu: <select size=1 onChange="midiplay(this);"> <option value="#">Click For Music <option value="http://url/to/america.mid">America The Beautiful <option value="http://url/to/cannon_d.mid">Cannon (key of D) <option value="http://url/to/entrtanr.mid">The Entertainer <option value="http://url/to/maplerag.mid">Maple Rag <option value="http://url/to/pete_wlf.mid">Peter & the Wolf </select> </form> <script language="JavaScript">  </script>

Flashing Scrollbar*
<script language="JavaScript">  </script>

Text With Background Color
<span style=background:COLOR> TEXT GOES HERE</span>

dropshadow text

<TABLE STYLE="filter:dropshadow(color=____, strength=___)"> <TR><TD><center> dropshadow text</TABLE>

glow text

shadow text

wavy text

<DIV ID="waveText"style="width:#; height:#;font-size:#pt;color:COLOR; filter:wave(add=0,phase=4,freq=5, strength=2)">TEXT HERE</DIV>

A Text Area Box
<textarea ROWS=5 COLS=15 style="background:COLOR" style="font-family:FONT" style="color:COLOR HERE" style="border style:solid"> TEXT TEXT

Textarea Box Allowing HTML
<ilayer name="scroll1"> <div id="scroll3" style="width:100;height:75; background-color:COLORHERE; overflow:auto"> TEXT HTML TEXT HTML

Lets people bookmark your site
<a href="javascript:window.external.AddFavorite('Url to your site', 'Site Name')" style="font-size:12px;color:#ffffff;font-family:verdana;"><img src="Url for image (optional)" border="0" width="88" height="31"></a>

When Someone right Clicks they Get Logged Out**
<script language="JavaScript"> //Xanga Right Click Logout Script //Copyright Noman Ahmad //http://www.noman.xs3.com/ //danger_nomy@msn.com //You Can Use This Script As Long As the Name And The Copyright Protection Stays Intact  </script>

New Song on Refresh*
<script language="JavaScript"> </script>

When your mouse goes over a picture, these words come up*
<img src="URL OF IMAGE HERE" alt="MESSAGE HERE">
For a linking image...
<a href='URL OF LINK HERE'><img src="URL OF IMAGE HERE" alt="MESSAGE HERE">
For a normal link...
<a href="url here" alt="message here">Name of link here</a>

Changes Look of Whole Site*
<style type="text/css"> table.blogbody, div.blogheader, .caption{ width:438; } td.maincenter { text-align:center; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext { /* edits main text */ font:normal #px FONT; line-height: #px; color: #; text-align:justify; } table.blogbody tr td { /* entry margins */ width:#px; } table.footer TD { /* edits the footer */ text-align: center; } .blogbody td{ width: 0px; padding-left: 0px } input, select, textarea, .textfield, .button{ /* this edits buttons, drop down menus etc. */ border: #px solid #COLOR; font:normal #px FONT #COLOR; background-color: #COLOR; background-image: url(IMAGE URL); letter-spacing:#px; color: #COLOR; } form { margin:0px; padding:0px; } div.blogheader, .caption { /* edit the dates */ font-family:FONT; text-transform:lowercase; font-size:#px; color:#COLOR; background-color: #COLOR; text-align: LEFT, RIGHT, OR CENTER; font-weight:normal; padding-bottom:#px; padding-top:#px; } table.blogbody { /* edits your blog or entry space */ border: 0px; border-top:#px solid #COLOR; background-color: #COLOR; } table.left { /* this edits the menu module */ width:#; background-color: #COLOR; font-weight:normal; border:0px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #COLOR; width:#; font: #px FONT; text-transform: uppercase; color: #COLOR; border: #px solid, dotted, double, or dashed #COLOR; text-align: left; padding:0px; font-weight:normal; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #COLOR; color: #COLOR; border: #px solid, dotted, double, or dashed #COLOR; width:#; } hr { color: #; } table.container{ width:#; background-color:#COLOR; border:#px solid, dotted, double, or dashed #COLOR; } td.banner{ border-bottom:#px solid, dotted, double, or dashed #COLOR; text-align:left; } th.left b{ font-weight:normal; } </style>

ALT CODES [hold down ALT and the number]
¢ = Alt 0162
¤ = Alt 0164
¥ = Alt 0165
¦ = Alt 0166
§ = Alt 0167
£ = Alt 0163
¨ = Alt 0168
© = Alt 0169
« = Alt 0171
« = Alt 0170
¬ = Alt 0172
® = Alt 0174
¯ = Alt 0175
° = Alt 0176
± = Alt 0177
² = Alt 0178
³ = Alt 0179
´ = Alt 0180
µ = Alt 0181
¶ = Alt 0182
· = Alt 0183
¸ = Alt 0184
¹ = Alt 0185
º = Alt 0186
» = Alt 0187
¼ = Alt 0188
½ = Alt 0189
¾ = Alt 0190
¿ = Alt 0191
À = Alt 0192
Á = Alt 0193
Â = Alt 0194
Ã = Alt 0195
Ä = Alt 0196
Å = Alt 0197
Æ = Alt 0198
Ç = Alt 0199
È = Alt 0200
É = Alt 0201
Ê = Alt 0202
Ë = Alt 0203
Ì = Alt 0204
Í = Alt 0205
Î = Alt 0206
Ï = Alt 0207
Ð = Alt 0208
Ñ = Alt 0209
Ò = Alt 0210
Ó = Alt 0211
Ô = Alt 0212
Õ = Alt 0213
Ö = Alt 0214
× = Alt 0215
Ø = Alt 0216
Ù = Alt 0217
Ú = Alt 0218
Û = Alt 0219
Ü = Alt 0220
Ý = Alt 0221
Þ = Alt 0222
ß = Alt 0223
à = Alt 0224
á = Alt 0225
â = Alt 0226
ã = Alt 0227
ä = Alt 0228
å = Alt 0229
æ = Alt 0230
ç = Alt 0231
è = Alt 0232
é = Alt 0233
ê = Alt 0234
ë = Alt 0235
ì = Alt 0236
í = Alt 0237
î = Alt 0238
ï = Alt 0239
ð = Alt 0240
ñ = Alt 0241
ò = Alt 0242
¡ = Alt 0161
ó = Alt 0243
ô = Alt 0244
õ = Alt 0245
ö = Alt 0246
÷ = Alt 0247
ø = Alt 0248
ù = Alt 0249
ú = Alt 0250
û = Alt 2051
ü = Alt 0252
ý = Alt 0253
þ = Alt 0254
û = Alt 0255

Browser Stretcher
<script> //browser stretcher - xanga.com/add_ons //put in custom header for faster reaction time //you can set speed if you want height=0 width=0 speed=200 function Blind() { if(width<screen.availWidth) { if(height<screen.availHeight) { self.resizeTo(width,height) height=height+speed timeoutID=setTimeout("Blind()",0); } else { self.resizeTo(width,screen.availHeight) width=width+speed timeoutID=setTimeout("Blind()",0); } } else { self.resizeTo(screen.availWidth,screen.availHeight) } } self.moveTo(0,0); Blind() </script>

Flashing Hover*
<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>

4th of July Fireworks**
<script> // xanga fireworks - by jeff aka godofphotoshop // happy fourth of july everyone! // paste in website stats var firework_text = "*"; // control fireworks shape var firework_count = 5; // higher = more blooms at a time var firework_size = 150; // higher = larger blooms var firework_density1 = 25; // higher = dense fireworks var firework_density2 = 10; // higher = dense fireworks var firework_life = 80; // higher = longer lasting blooms var firework_fadelife = 20; // higher = longer to fade // do not edit below this line var blooms = new Array(); var firework_enabled = true; var myCanvas = document.body; var time = 0; var bloomid = 0; stix = window.setTimeout; // HSV conversion from http://www.ficml.org/jemimap/style/color/wheel.html function hue2hex(Hdeg) { H = Hdeg/360; // convert from degrees to 0 to 1 S = 1; V = 1; var_h = H*6; var_i = Math.floor( var_h ); //Or ... var_i = floor( var_h ) var_1 = V*(1-S); var_2 = V*(1-S*(var_h-var_i)); var_3 = V*(1-S*(1-(var_h-var_i))); if (var_i==0) {var_r=V; var_g=var_3; var_b=var_1} else if (var_i==1) {var_r=var_2; var_g=V; var_b=var_1} else if (var_i==2) {var_r=var_1; var_g=V; var_b=var_3} else if (var_i==3) {var_r=var_1; var_g=var_2; var_b=V} else if (var_i==4) {var_r=var_3; var_g=var_1; var_b=V} else {var_r=V; var_g=var_1; var_b=var_2} R = Math.round(var_r*255); //RGB results = From 0 to 255 G = Math.round(var_g*255); B = Math.round(var_b*255); hexval = R*65536 + G*256 + B hexstr = hexval.toString(16); while(hexstr.length < 6) hexstr = "0" + hexstr; return "#" + hexstr; } function Bloom() { size = firework_size * (0.9 + (Math.random() * 0.1)); centerX = Math.random() * (myCanvas.clientWidth - size) + size/2; centerY = Math.random() * (myCanvas.clientHeight - size) + myCanvas.scrollTop + size/2; density1 = firework_density1 * (0.9 + (Math.random() * 0.1)); density2 = firework_density2 * (0.9 + (Math.random() * 0.1)); hue = 360 * Math.random(); this.bloomid = bloomid++; this.active = true; this.offtime = time + (firework_life * (0.9 + (Math.random() * 0.2))); this.masterParticles = new Array(); for(var i = 0; i < density1; i++) { this.masterParticles.push(new MasterParticle(centerX, centerY, Math.random() * 6.283, size * (0.3 + Math.random() * 0.7), hue + (Math.random() * 60), density2)); } } function MasterParticle(x, y, direction, velocity, hue, density2) { this.x = x; this.y = y; this.dx = velocity * Math.cos(direction) / density2; this.dy = velocity * Math.sin(direction) / density2; this.hue = hue; this.subParticles = new Array(); this.i = 0; this.density2 = density2; } function SubParticle(x, y, hue, bloomid) { var z = document.createElement("span"); z.innerText = firework_text; z.style.position = "\u0061bs\u006flut\u0065"; z.style.top = y; z.style.left = x; z.style.color = hue2hex(hue); z.id = "span_" + bloomid.toString(); this.span = myCanvas.appendChild(z); } function NullBloom() { this.active = false; } function Clear(bloomid) { while(document.getElementById("span_" + bloomid.toString())) document.body.removeChild(document.getElementById("span_" + bloomid.toString())); } function StopFireworks() { for(i = 0; i < firework_count; i++) { if(blooms[i].active) Clear(blooms[i].bloomid); blooms[i] = null; blooms[i] = new NullBloom(); } firework_enabled = false; } for(var i = 0; i < firework_count; i++) blooms.push(new NullBloom()); function updateFireworks() { time++; for(var a = 0; a < firework_count; a++) { // update fireworks colors if(blooms[a].active) { for(var b = 0; b < blooms[a].masterParticles.length; b++) { bo = blooms[a].masterParticles[b]; if(bo.i++ < bo.density2) bo.subParticles.push(new SubParticle(bo.x + bo.i * bo.dx, bo.y + bo.i * bo.dy, bo.hue, blooms[a].bloomid)); if(blooms[a].offtime <= time) { for(var c = 0; c < blooms[a].masterParticles[b].subParticles.length; c++) { var temp = blooms[a].masterParticles[b].subParticles[c]; } } } if((blooms[a].offtime + firework_fadelife) <= time) { Clear(blooms[a].bloomid); blooms[a] = null; blooms[a] = new NullBloom(); } } else if(Math.random() < 0.05) { blooms[a] = new Bloom(); } } if(firework_enabled) stix(updateFireworks, 50); } stix(updateFireworks, 3000); </script> <a href="#" onclick="StopFireworks();">stop the fireworks</a>

Auto Copyright Date
 <script LANGUAGE="JavaScript">  </SCRIPT> <center>Copyright © 1997-<script LANGUAGE="JavaScript">  </SCRIPT> <a target=_top href="URL HERE">LINK HERE</a></center>

Faded Background
<style>body {background:#000000; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#000000,EndColorStr=#CCCCCC); }</style>

Random Background
<script type='text/javascript'> // random background - jammers var image = new Array(); // change up the images here image[0] = 'insert first url'; image[1] = 'insert second url; var index = Math.floor(Math.random() * image.length); document.write('<style type="text/css"> body { background-image: url('+ image[index] +')</style>'); </script>

Random Fixed Background
<script type='text/javascript'> // // random background - jammers var image = new Array(); // change up the images here image[0] = 'FIRST IMAGE HERE'; image[1] = 'SECOND IMAGE HERE'; var index = Math.floor(Math.random() * image.length); document.write('<style type="text/css"> body { background-image: url('+ image[index] +'); background-repeat: no-repeat; background-position: center center;background-attachment: fixed}</style>'); </script>

Blink Boxes
<script>    </script>

Blocks Certain Xanga Users and Unregistered Users
Copy this into Custom Header
 <script LANGUAGE="JavaScript"> function redirect () { location.href = 'http://www.xanga.com/signin.aspx'; } </SCRIPT>
Copy this into Website Stats
 <script language="javascript"> function getXName() { for (var i = 0; i < document.links.length; i++) { if (document.links[i].href.substring(0,38)=="http://www.xanga.com/private/home.aspx") { var link = document.links[i]; var text = document.all ? link.innerText : link.text ? link.text : ''; return text; break; }} return null; } xName = getXName(); if (xName == 'USERNAME' || xName == 'USERNAME' || xName == null) { alert("Sorry, you are either blocked from this site or not logged in."); redirect(); } </script>

Different Color Bolded Text*
<style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #ffffff; } </style>

Calendar
If you dont have custom modules*
<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>
If you DO have custom modules*
<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>

Change the "No Eprop" Icon**
<script language=javascript> var oldno = new Array('http://www.xanga.com/Images/noProp.gif'); var newno = new Array('YOUR IMAGE HERE'); for (var i = 0; i < document.images.length; i++) { for (var s = 0; s < oldno.length; s++){ if (document.images[i].src == oldno[s]){ neweno = document.createElement('img'); neweno.src = newno[s]; document.images[i].parentNode.replaceChild(neweno, document.images[i]); break; } } } </script>

Change Your Displayed Username**
<script type='text/javascript'> // change displayed username by micron // for more xanga scripts and help go to createblog.com // displayed text in place of username var replace = 'REPLACE_THIS'; document.getElementById('ProfileModule1_lblUserName').innerHTML = replace; </script>

Entries are Faded Until Hovering Over Them**
<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>

Bordered entries and Dates*
<style type="text/css"> /* Bordered Weblogs - xanga.com/add_ons */ .blogheader { /* This sets your date's border color */ border: 1px SOLID #000000; } .blogbody { /* This sets your weblog content border color */ border-right: 1px SOLID #000000; border-bottom: 1px SOLID #000000; border-left: 1px SOLID #000000; } </style>

Change Your FavIcon*
<link rel="shortcut icon" href="http://www.link.2-your-image.ico">

Customize Comment Box*
<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>

Collapse Left Side Module*
<style type=text/css> /* edit to your liking */ table.module { border: 1px solid #FFFFFF; width:160px; background-color:FFFFFF; } table.module th { background-color: #FFFFFF;font: bold 11px arial; text-transform: uppercase;color: #000000; border: none; } table.module td {color: #000000; text-align: left; border: none; background-image: none; } </style>  <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></b></th></tr><tr><td valign="top" class="module"> <style type="text/css"> .menutitle{ cursor:pointer; margin-bottom: 5px; background-color:#FFFFFF; color:#666; width:140px; padding:2px; text-align:center; font-weight:bold; /*/*/border:1px solid #000000;/* */ } .submenu{ margin-bottom: 0.5em; } </style> <script type="text/javascript"> /*********************************************** * Switch Menu script- by Martial B of http://getElementById.com/ * Modified by Dynamic Drive for format & NS4/IE4 compatibility * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ if (document.getElementById){ //DynamicDrive.com change document.write('<style type="text/css">\n') document.write('.submenu{display: none;}\n') document.write('</style>\n') } function SwitchMenu(obj){ if(document.getElementById){ var el = document.getElementById(obj); var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change if(el.style.display != "block"){ //DynamicDrive.com change for (var i=0; i<ar.length; i++){ if (ar[i].className=="submenu") //DynamicDrive.com change ar[i].style.display = "none"; } el.style.display = "block"; }else{ el.style.display = "none"; } } } </script>  <div id="masterdiv"> <div class="menutitle" onclick="SwitchMenu('sub1')">About me</div> <span class="submenu" id="sub1"> Write something about yourself here! </span> <div class="menutitle" onclick="SwitchMenu('sub2')">Subscriptions</div> <span class="submenu" id="sub2"> Put your Subs in here! </span> <div class="menutitle" onclick="SwitchMenu('sub3')">Extra Module</div> <span class="submenu" id="sub3"> Other stuff! </span> </div></td></tr></table><br> </td>

Disable Eprops**
<script> </script>

Disable Links at Top and Bottom of Xanga*
<style type="text/css"> table.navigation, table.footer { display:none; } </style>

Display Any Amount of Posts**
<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>

Boxed Xanga*
<DIV align="center" valign="middle" style="BORDER-RIGHT: #660000 1px solid; BORDER-TOP: #660000 1px solid; FILTER: alpha(opacity=100); OVERFLOW: auto; BORDER-LEFT: #660000 1px solid; WIDTH: 850px; BORDER-BOTTOM: #660000 1px solid; HEIGHT: 470px; BACKGROUND-COLOR: #ffffff">

Replace Blog Dates**
<script type="text/javascript"> // // ?003 EasterEgg, http://www.xanga.com/easteregg // Changes date text // For use at Xanga only. // // Info at http://dorkette.net // function replaceWordsDates() { // ***add the Months or Days you wish to replace below var oldWordsDates = new Array( "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", "Monday,", "Tuesday,", "Wednesday,", "Thursday,", "Friday,", "Saturday,", "Sunday,", "2002", "2003", "2004", "2005", "2006", "2007", "2008", "01, ", "02, ", "03, ", "04, ", "05, ", "06, ", "07, ", "08, ", "09, ", "10, ", "11, ", "12, ", "13, ", "14, ", "15, ", "16, ", "17, ", "18, ", "19, ", "20, ", "21, ", "22, ", "23, ", "24, ", "25, ", "26, ", "27, ", "28, ", "29, ", "30, ", "31, " ); // *** add the replacing Months or Days below var newWordsDates = new Array( "x JANUARY", "x FEBRUARY", "x MARCH", "x APRIL", "x MAY", "x JUNE", "x JULY", "x AUGUST", "x SEPTEMBER", "x OCTOBER", "x NOVEMBER", "x DECEMBER", "_MONDAY ", "_TUESDAY ", "_WEDNESDAY ", "_THURSDAY ", "_FRIDAY ", "_SATURDAY ", "_SUNDAY ", " 2002", " 2003", " 2004", " 2005", " 2006", " 2007", " 2008", "o1, ", "o2, ", "o3, ", "o4, ", "o5, ", "o6, ", "o7, ", "o8, ", "o9, ", "1o, ", "11, ", "12, ", "13, ", "14, ", "15, ", "16, ", "17, ", "18, ", "19, ", "2o, ", "21, ", "22, ", "23, ", "24, ", "25, ", "26, ", "27, ", "28, ", "29, ", "3o, ", "31, " ); allDivData = document.getElementsByTagName('div'); var collections = new Array(allDivData); for (var k = 0; k < collections.length; ++k ) { for (var i = 0; i < collections[k].length; ++i ) { if (collections[k][i].innerHTML.indexOf('DIV') == -1) { for ( var n = 0; n < oldWordsDates.length; ++n ) { var indx = collections[k][i].innerHTML.indexOf(oldWordsDates[n]) while (indx != -1) { var replacement = ''; indx = collections[k][i].innerHTML.indexOf(oldWordsDates[n]); replacement = collections[k][i].innerHTML.replace(oldWordsDates[n], newWordsDates[n]); collections[k][i].innerHTML = replacement; break; } } } } } } replaceWordsDates(); </script>

Replace Any Text**
<script type="text/javascript"> // // © EasterEgg, http://www.xanga.com/easteregg // // For use at Xanga only. // // 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. // // 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. // // You're free to use this script as long as this comment remains intact, // and as long you won't use it to cripple the comments of your visitors; // after all, no one likes his/her words getting twisted... // function replaceWords() { // ***add the words or fragments you wish to replace below var oldWords = new Array( "Subscriptions", "Publish Comments", "add eProps", "eprop", "eProps", "add comments", "comment", "comments", "email it", "view entire profile", "sign my guestbook", "My Blogrings", "Posting Calendar", "Get Involved!", "sign out", "Name:", "Birthday:", "Gender:", "State:", "Country:", "Interests:", "Expertise:", "Website", "Email", "Member since:"); // *** add the replacing words or fragments below var newWords = new Array( "Subscriptions", "Publish Comments", "add eProps", "eprop", "eProps", "add comments", "comment", "comments", "email it", "view entire profile", "sign my guestbook", "My Blogrings", "Posting Calendar", "Get Involved!", "sign out", "Name:", "Birthday:", "Gender:", "State:", "Country:", "Interests:", "Expertise:", "Website", "Email", "Member since:"); allTableData = document.getElementsByTagName('td'); allTableHeaders = document.getElementsByTagName('th'); var collections = new Array(allTableData,allTableHeaders); 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 = ''; 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>

Replace Any Link**
<script language="javascript">  </script>

Replace Subscription Link Names**
<script language="javascript">  </script> <script type="text/javascript"> function adjustSirListHeight() { // *** define the height of your SIR-list in the line below var sirListHeight = '230px'; var allTables = document.getElementsByTagName('tbody'); for (i=4; i < allTables.length; ++i) { if ((allTables[i].innerHTML.indexOf('SubscribeTo.aspx') != -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 = '150px'; 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>

Remove Unwanted Images**
<script> for(i=0; i<document.images.length; i++){ if(document.images[i].src=='http://'){ document.images[i].style.display='none'; } } </script>

Add a Custom Module*
<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>

Customize Entries*
<style>  </style> <style type="text/css"> table.blogbody { background-color:transparent; family-font: century gothic; BORDER: #000000 1px solid; width:500px;} </style>

Replace Eprop Icon**
<script language=javascript> var oldprop = new Array('http://www.xanga.com/Images/eProp.gif'); var newprop = new Array('ADD YOUR IMAGE URL HERE'); for (var i = 0; i < document.images.length; i++) { for (var s = 0; s < oldprop.length; s++){ if (document.images[i].src == oldprop[s]){ neweprop = document.createElement('img'); neweprop.src = newprop[s]; document.images[i].parentNode.replaceChild(neweprop, document.images[i]); break; } } } </script>

Change Link to Eprop and Comment Images**
<script language="javascript"> </script>

Change Any Image to Another Image on Hover
<script LANGUAGE="JavaScript">  </script> <span onmouseover="image1.src='URL OF FIRST IMAGE';"onmouseout="image1.src='URL OF SECOND IMAGE';"> <img name="image1" src="URL OF SECOND IMAGE" border=0></span>

Change Any Linking Image to Another Image on Hover
<script LANGUAGE="JavaScript">  </script> <a href="URL OF LINK" onmouseover="image1.src='URL OF FIRST IMAGE';"onmouseout="image1.src='URL OF SECOND IMAGE';"> <img name="image1" src="URL OF SECOND IMAGE" border=0></a>

Days of the Week Pictures*
<BODY> <script LANGUAGE="JavaScript">    </SCRIPT>

Different Color Italics Text*
<style type="text/css"> .blogbody i, .standard i, p i, em { font-weight: italic; color: red;} </style>

Shows Last Time of Visit
Put This in Website Stats**
<script LANGUAGE = "JavaScript">  </SCRIPT>
Put This in Custom Header
<script> if (Count()==1){ document.write("This is your 1st visit to our page") When() } else if (Count()>1) document.write("Welcome back. Your last visit was on <b>" + When() +"</B>.") </script>

Module Background Image*
<STYLE type="text/css">  </STYLE>

Move Left Modules to Right Side**[beginning]
<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>

Double Colored Modules*
<style type="text/css">table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #000000; font: BOLD 12px arial; text-transform: lowercase; color: #66CAFF; border-bottom: 5px solid #ff0000; Border: 1px solid #FFFFFF; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #000000; border-top: 5px solid #ffffff; border: 1px solid #FFFFFF } </style>

Display Modules Only in Private Home**[beginning]
No Chatterbox
<script language="JavaScript"> // Script Created by Mystical for Createblog.com // http://xiphin.com ") } //--> </script>
Chatterbox
<script language="JavaScript"> // Script Created by Mystical for Createblog.com // http://xiphin.com ") } //--> </script>

Displays Date
<script LANGUAGE="JavaScript">  </SCRIPT>

Changes Email it to Picture of an Envelope**
<script language="javascript">  </script>

Customize Entries*
<style>  </style> <style type="text/css"> table.blogbody { background-color:transparent; family-font: century gothic; BORDER: #000000 1px solid; width:500px;} </style>

Falling Images*
<script language=JavaScript> /* Falling Picture *1 picture* Original at http://black.demons.to/ fixed to work in XANGA by xanga.com/dorischu */ st=setTimeout; change=''; //#Amended Code var no = 10; // number of picture appear var speed = 50; // smaller value will move more faster var falling = "http://img47.exs.cx/img47/4573/11xx.gif"; // PUT YOUR IMAGE URL HERE var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_width = 600, 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; xp[i] = Math.random()*(doc_width-50); yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"20\" top=\"10\" visibility=\"show\"><img src=\"" + falling + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"20\" top=\"10\" visibility=\"show\"><img src=\"" + falling + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: abso"+change+"lute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 10px; LEFT: 20px;\"><img src=\"" + falling + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: abso"+change+"lute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 10px; LEFT: 20px;\"><img src=\"" + falling + "\" border=\"0\"></div>"); } } } function snowNS() { for (i = 0; i < no; ++ i) { 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]); } st("snowNS()", speed); } function snowIE() { for (i = 0; i < no; ++ i) { 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]); } st("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>

Game Room
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/Flash/swflash.cab#version=6,0,29,0" width="549" height="230"> <param name="movie" value="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=dark&title=GAMES ROOM"> <param name="quality" value="high"> <param name="menu" value="false"> <embed src="http://www.miniclip.com/Flash/gamesroom.swf?colourScheme=dark&title=GAMES ROOM" width="549" height="230" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" menu="false"></embed> </object>

Remove Horizontal Line*
<style type="text/css"> hr {display:none;} </style>

Sound on Hover**
<EMBED SRC="YOURURL.wav" autostart="false" hidden="true"> <script language="JavaScript">  </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>

Rainbow on Hover**
<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>

Pushes Down on Hover**
<STYLE type="text/css"></STYLE>

Pulls up on Hover**
<style type=text/css></STYLE>

3D Box on Hover**
<STYLE type="text/css"></STYLE>

Fading Hover**
<script language="JavaScript"> var fadeTo = "000000"; var fiBy = 10; var foBy = 10; var speed = 37; 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[u] = 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] == 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>

Glowing Hover*
<style type="text/css"></style>

Glowing Links*
<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>

Blue Sparkly Stars on Hover*
<style type="text/css">a:hover {background:url(http://img.photobucket.com/albums/v377/glittersigns/stars.gif); text-decoration: none;}</style>

Blue Sparkly Stars on Hover #2*
<style type="text/css">a:hover {background:url(http://img84.exs.cx/img84/2232/starline1.gif); text-decoration: none;}</style>

Bubbles on Hover*
<style type="text/css">a:hover {background:url(http://atlas.walagata.com/w/justdream/BubbleHover.gif); text-decoration: none;}</style>

Pink Hearts on Hover*
<style type="text/css">a:hover {background:url(http://img101.exs.cx/img101/564/hearts5.gif); text-decoration: none;}</style>

Purple Hearts on Hover*
<style type="text/css">a:hover {background:url(http://members.asianavenue.com/risa-cute-image/purple_heart.gif); text-decoration: none;}</style>

Red Sparkly Stars on Hover*
<style type="text/css">a:hover {background:url(http://img81.exs.cx/img81/7976/red_spark.gif); text-decoration: none;}</style>

Silver Sparkly Stars on Hover*
<style type="text/css">a:hover {background:url(http://members.asianavenue.com/risa-cute-image/starglow.gif); text-decoration: none;}</style>

Overline Hover*
<style> a:link { text-decoration: ; } a:hover { text-decoration: overline; } a:visited { text-decoration: line-through; } </style>

Underline Hover*
<style> a:link { text-decoration: ; } a:hover { text-decoration: underline; } a:visited { text-decoration: line-through; } </style>

Underline and Overline Hover*
<style> a:link { text-decoration: ; } a:hover { text-decoration: overline underline; } a:visited { text-decoration: line-through; } </style>

Background color Hover*
<STYLE type="text/css"></STYLE>

Line Through Hover*
<style> a:link { text-decoration: line-through; } a:hover { text-decoration: overline underline; } a:visited { text-decoration: line-through; } </style>

Cursor on Hover*
You can replace cursor with:
hand
help
move
text
wait
n-resize
ne-resize
nw-resize
s-resize
se-resize
sw-resize
e-resize
w-resize
<style type=text/css> body { cursor:crosshair } </style>

Border Around Hover* You can replace solid with dashed, dotted, or double
<style> a:hover { border: 1px solid #ANY COLOR YOU WANT IN A HEX CODE; } </style>

Bold Hover*
<STYLE type="text/css"></STYLE>

Italic Hover*
<STYLE type="text/css"></STYLE>

Background Image Hover*
<STYLE type="text/css"></STYLE>

Blur Hover*
<style type="text/css"> /* Blurred Hyperlinks - xanga.com/add_ons - use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION - STRENGTH means the blur power - do not change or remove HEIGHT:0 and add="0" */ a:hover { filter:blur(add="0",direction="90",strength="7"); height:0; } </style>

Spaced Out Hover*
<style type="text/css"> { a:hover{letter-spacing:5px } </style>

Upside Down Hover*
<style type="text/css"> A:hover { filter: flipv } </style>

Flipped Hover*
<style> A:hover{filter:fliph;}</style>

Hover Fades to Another Color*
<script language="JavaScript">  </script>

Uppercase on Hover*
<STYLE type="text/css"></STYLE>

Lowercase on Hover*
<STYLE type="text/css"></STYLE>

Draggable Images
Put this in Custom Header*
<style>  </style> <script language="JavaScript1.2">  </script>
Put this whre you want the imge to appear
<img src="IMG URL" class="drag">

Random Image*
<script type='text/javascript'> // random banner/image on every visit by micron // for more xanga scripts and help go to createblog.com var image = new Array(); // change this to reflect your set of banners image[0] = 'http://www.xangaskins.com/modules/02/images/01.jpg'; image[1] = 'http://www.xangaskins.com/modules/02/images/02.jpg'; image[2] = 'http://www.xangaskins.com/modules/02/images/03.jpg'; image[3] = 'http://www.xangaskins.com/modules/02/images/04.jpg'; image[4] = 'http://www.xangaskins.com/modules/02/images/05.jpg'; var index = Math.floor(Math.random() * image.length); document.write('<img src='+ ((index == image.length) ? image[image.length-1] : image[index]) +'>'); </script>

Spotlight on Image Hover*
<style>  </style></head> <img src="yourimagehere" id="myimage"> <script language="JavaScript1.2"> s = 50; // the size of the spotlight vp = 10; // the visibility percent of the picture startx = 0; // the top position of your sportlight into the image (on start) starty = 0; // the left position of your spotlight into the image (on start) ////////////////////////////////////////////////////////////////// // No need to edit below this line // ////////////////////////////////////////////////////////////////// var IE = document.all?true:false function moveL() { xv = tempX; yv = tempY; myimage.filters.light.MoveLight(1,xv,yv,s,true); } if (IE&&myimage.filters) document.all.myimage.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.offsetX tempY = event.offsetY if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true } var xv = startx; var yv = starty; var t= true; if (IE&&myimage.filters){ myimage.style.cursor="hand"; myimage.filters.light.addAmbient(255,255,255,vp) myimage.filters.light.addPoint(startx,starty,s,255,255,255,255) } </script>

Greyscale Image and Color on Hover
<img src="yourimagehere" 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)'">

Thumbnail Images
<a href="http://IMAGE_URL_GOES_HERE" target="_blank"><img src="http://IMAGE_URL_GOES_HERE" height="50" border="0"></a>

Random Splash Page*
<script type='text/javascript'> //Random Intro Splash Page by Mystical for Createblog.com //Modified Intro Splash script by Micron 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') { var myimages=new Array() //specify random images below. You can have as many as you wish myimages[1]='http://www.xangaskins.com/modules/02/images/01.jpg'; myimages[2]='http://www.xangaskins.com/modules/02/images/02.jpg'; myimages[3]='http://www.xangaskins.com/modules/02/images/03.jpg'; myimages[4]='http://www.xangaskins.com/modules/02/images/04.jpg'; myimages[5]='http://www.xangaskins.com/modules/02/images/05.jpg'; var ry=Math.floor(Math.random()*myimages.length) if (ry==0) ry=1 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="'+myimages[ry]+'" border="0" class="image"></a></td></tr></table><center><span>'); } </script>

Disable Modules*
<style type='text/css'> .mainleft { display:none; } </style>

Link Rotator*
<style> .scrollerstyle{ font-family:verdana;background:#FFFFFF;border:1px solid #000000; } </style> <script language="javascript"> var msgs = new Array( "createBlog.com - the good stuff", "raw-intent //__", "the best search engine" ); // The last one has a semicolon instead of a comma. var msg_url = new Array( "http://www.createblog.com", "http://www.raw-intent.net", "http://www.google.com" ); // The last one has a semicolon instead of a comma. var barwidth='666px' //How big is the main bar going to be? var setdelay=3000 //Number of milliseconds the delay between each message will be var mouseover_color='#ff0000' //Mouseover color var mouseout_color='#cccccc' //Default color // DONT EDIT BENEATH THIS LINE // var count=0; var ns6=document.getElementById&&!document.all var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1 if (ie4||ns6){ document.write('<form name="news_bar"><input type="button" value="3" onclick="moveit(0)" class="scrollerstyle" style="width:22px; height:22px; border-right-width:0px;" name="prev" title="Previous News"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:#FFFFFF; width:'+barwidth+'; height:22px; border-width:1; border-color:#000000; cursor:hand" onmouseover="this.style.background=mouseover_color" onmouseout="this.style.background=mouseout_color"><input type="button" value="4" onclick="moveit(1)" class="scrollerstyle" style="width:22px; height:22px; border-left-width:0px;" name="next" title="Next News"></form>'); } else{ document.write('<form name="news_bar"><input type="button" value="Previous" onclick="moveit(0)">') if (navigator.userAgent.indexOf("Opera")!=-1) document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'" border="0">') else document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'" border="0">') document.write('<input type="button" value="Next" onclick="moveit(1)"></form>') } function init_news_bar(){ document.news_bar.news_bar_but.value=msgs[count]; } function moveit(how){ if (how==1){ if (count<msgs.length-1) count++ else count=0 } else{ if (count==0) count=msgs.length-1 else count-- } document.news_bar.news_bar_but.value=msgs[count]; } setInterval("moveit(1)",setdelay) function goURL(){ location.href=msg_url[count]; } init_news_bar(); </script>

Link in Popup Window
<a href="#" alt="HOVER DESCRIPTION" onClick="MyWindow=window.open( 'LINK HERE','MyWindow', 'toolbar=yes, location=yes, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, width=400,height=300'); return false;"> LINK DESCRIPTION</a>

Multiple Boxes Marquee
<td> <fieldset> <marquee direction="left" height=35 width=50 scrollamount="2"><font color=#FF3399 family="arial" size=1> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="down" height=35 width=50 scrollamount="1"><font color=#FF94C6 family="arial" size=1> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="right" height=35 width=50 scrollamount="1"><font color=#FF3399 family="arial" size=1> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="left" height=35 width=50 scrollamount="1"><font color=#FF94C6 family="arial" size=1> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="up" height=35 width=50 scrollamount="1"><font color=#FF3399 family="arial" size=1> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="down" height=35 width=53 scrollamount="1"><font color=#FF94C6 family="arial" size=1> TEXT HERE</font> </marquee> </fieldset> </td> <td> </TABLE>

Tornado Marquee
<MARQUEE DIRECTION=up SCROLLDELAY=1 SCROLLAMOUNT=2 HEIGHT=100 STYLE="text-align:justify;filter:wave(add=50, phase=1, freq=2, strength=100);<FONT COLOR=#FFFFFF>"><center> <BR>YOUR <BR>TEXT <BR>HERE </marquee> <BODY onLoad="startBanner()">

Movie Player*
<object ID="Player" CLASSID="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"> <param name="AutoStart" value="True"> <param name="Loop" value="True"> </object> <script LANGUAGE="JavaScript">  </script> <FORM> <INPUT TYPE="BUTTON" NAME="BtnPlay" VALUE="realEmotion" OnClick="JavaScript:StartMeUp1()"> </FORM>

Movie Player Drop Down Playlist*
<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="150" standby="Loading Microsoft Windows Media Player components..." width="240" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"><Br> <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="False"> </object> <form name="form"><table