Saturday, June 18, 2005

Sat, 18 Jun 2005 10:47:08 GMT

Vote for Us!

now with layout codes!

with your help we can get all the useful codes in one location!

most of these scripts go in the "stats" box under "look and feel". if not they specify where to put them.

click on the link to go to the code:

drop down media player
pauseable media player
replace any words with your own text
popup textbox on page load
popup on exit
popup on right-click/no right-click
neverending popups on right-click
log out user on right-click w/ popup
disable highlighting
edit the scrollbar
mouseover effects for links
     -flip vertically
     -flip horizontally
     -invert
     -wave
     -x-ray
     -grayscale
     -transparent
     -blurred
     -floating text
splash
change website title
flashing website title
change status bar text
aim remote
alternating text marquee
change your displayed username
customize comment box
countdown to a specified time
falling images
tornado marquee
picture marquee
remove links at top and bottom
hide any/all modules (e.g. blogrings, posting calendar, etc)
display certain number of entries
clock mousetrail
scrolling header
smilies for comment box
add custom module
dotted border
swap sidebar
border box
scrollbar on your subscriptions module
custom module with images

_____________________________

drop down media player

<script type="text/javascript"> <object id="playlist" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"> <param NAME VALUE> <param NAME="ShowControls" VALUE="0"> <param NAME="ShowStatusBar" VALUE="0"> <param NAME="ShowDisplay" VALUE="0"> <param NAME="DefaultFrame" VALUE="Slide"> <param NAME="Autostart" VALUE="1"> <param NAME="Loop" VALUE="True"> </object> <form name="form"> <p style="text-align: center"> <select style="FONT-SIZE: 8pt; BACKGROUND:#ffffff; WIDTH: 170px; COLOR: #000000; font-face: cosmic sans ms; " name="playlist" size="1"> <option value="0">song name</option> <option value="1">song name</option> <option value="2">Nsong name</option> <option value="3">song name</option> <option value="4">song name</option> </select><br> <input TYPE="BUTTON" NAME="darkplay" VALUE="PLAY" OnClick="play(document.forms['form'].playlist);"> <input TYPE="BUTTON" NAME="darkpause" VALUE="PAUSE" OnClick="document.playlist.Pause(); playstate=2;"> <input TYPE="BUTTON" NAME="darkstop" VALUE="STOP" OnClick="document.playlist.Stop(); playstate=2;"></p> </form> <script language="JavaScript">  </script> 

pauseable media player

<embed src="http://www.yourmusicurl.com" autostart="true" height="40" width="300" border="1" bgcolor="#FFFFFF"></embed>

replace words

<script type="text/javascript"> function replaceWords() { //any words you want to replace var oldWords = new Array( "Name:", "eprops", "comments"); //...replace with var newWords = new Array( "they call me", "prop me up!", "leave sum"); 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]); if(navigator.userAgent.toLowerCase().indexOf('compatible')>0){collections[k][i].innerHTML=replacement;//please use supported code at http://help.xanga.com/codes.htm } break; } } } } } } replaceWords(); </script>

popup textbox on page load

popup on exit

<body onUnload="alert('TEXT');">

popup on right-click/no right-click

<script language="JavaScript"> var message="(your message here)"; function click(e) { if (document.all) { if (event.button == 2) { alert(message); return false; } } if (document.layers) { if (e.which == 3) { alert(message); return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; </script></td></tr></table>

neverending popups on right-click

<script LANGUAGE="JavaScript"> //neverending popup loop document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=1) { bye() } alert("message 1"); times++ } } function bye() { alert("message 2"); bye() } </SCRIPT>

log out user on right-click w/ popup

(put this section in the header)

<script LANGUAGE="JavaScript"> function LogTo (link) { var new_url=link; if ( (new_url != "") && (new_url != null) ) window.location=new_url; } </script>

(put this section in the web stats module)

<script language="JavaScript"> var message="(your message here)"; function click(e) { if (document.all) { if (event.button == 2) { alert(message); LogTo('http://www.xanga.com/logout.aspx') return false; } } if (document.layers) { if (e.which == 3) { alert(message); LogTo('http://www.xanga.com/logout.aspx') return false; } } } if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; </script></td></tr></table>

disable highlighting

<body onselectstart="return false;">

edit the scrollbar (place in header change the "#FFFFFF" html color numbers to suit you. view the color chart. format = "#RRGGBB" R- red G - green B -blue.)

<style type="text/css">  </style>

click on the picture to open in another window:

mouseover effects

flip vertically

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

flip horizontally

<style type="text/css"> a:hover {filter: flipH; height: 4;color:#ff0000;} </style>

invert

<style type="text/css"> a:hover img {Filter: Invert} </style>

wave

<style type="text/css"> a:hover img {Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)} </style>

x-ray

<style type="text/css"> a:hover img {Filter: xray} </style>

grayscale

<style type="text/css"> a:hover img {Filter: Gray} </style>

transparent

<style type="text/css"> a:hover img {Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=10, StartY=10, FinishX=0, FinishY=0)} </style>

blurred

<style type="text/css"> //use onle 45, 90, 135, 180, 225, 270, 315, or 360 for direction //strength = blur power a:hover {filter:blur(add="0",direction="90",strength="8"); height:0;}; </style>

floating text

<acronym title="Your Text Here">

splash (put in top of header - must be at very top - under "Input your own header HTML")

<script type='text/javascript'> // intro splash page by micron // for more xanga scripts and help go to createblog.com // change this url to an image of your choice var image = 'http://www.createblog.com/images/huddled.jpg'; function enterSite() { document.getElementById('splash').style.display = 'none'; var content = document.getElementsByTagName("center"); for (var i=0; i<content.length;i++) { content[i].style.display = 'block'; } return false; } if (document.title.slice(-10) == 'Xanga Site') { document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>'); } </script>

change website title (place in the header)

<script>document.title="page title";</script>

flashing website title

<script language="JavaScript">  </script>

change status bar text (place in the header)

<script>window.status="status bar message";</script>

aim remote

<table><tr><td><nobr><a href="http://www.aol.co.uk/aim/register/register.html"><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_man.gif" width=37 height=45 border=0 alt="Download AIM"></a><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_leftsm.gif" width=81 height=45 border=0 alt="AIM Remote"><a href="aim:goim?screenname=YOUR AIM SCREEN NAME HERE=Hi.+Are+you+there?"><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_im.gif" width=103 height=45 border=0 alt="Send me an Instant Message"></a><a href="aim:addbuddy?screenname=YOUR AIM SCREEN NAME HERE"><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_bud.gif" width=103 height=45 border=0 alt="Add me to Your Buddy List"></a><a href="aim:gochat?roomname=YOUR AIM SCREEN NAME HERE+Chat"><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_chat.gif" width=103 height=45 border=0 alt="Join my Chat Room"></a><a href="mailto:YOUR EMAIL HERE"><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_email.gif" width=103 height=45 border=0 alt="Send me an Email"></a><a href="http://www.aol.co.uk/aim/remote.html"><img src="http://www.aol.co.uk/aim/remote/gr/aimhor_right.gif" width=55 height=45 border=0 alt="Add Remote to Your Page"></a></nobr></td></tr><tr><td colspan=4 align="center"><a href="http://www.aol.co.uk/aim/register/register.html"><font size=2 face="geneva, arial, Helvetica, sans-serif">Download AOL Instant Messenger</font></a></td></tr></table>

alternating text marquee (can go in header)

<MARQUEE behavior=alternate><B><FONT color=#ff000 size=6>Your Text Here</FONT></B></MARQUEE>

change your displayed username

 <script type='text/javascript'> // displayed text in place of username var replace = 'REPLACE_THIS'; document.getElementById('ProfileModule1_lblUserName').innerHTML = replace; </script>

customize comment box

<script> // Resize Comment Box 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>

countdown to a specified time (in days, hours, mins, and secs)

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

falling images

<script language=JavaScript> st=setTimeout; change=''; //#Amended Code var no = 10; // number of picture appear var speed = 50; // smaller value will move more faster var falling = ""; // 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>

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()">

picture marquee

<MARQUEE behavior=alternate> <MARQUEE width=200> <IMG src="URL OF IMAGE"> <IMG src="URL OF IMAGE"> <IMG src="URL OF IMAGE"> </MARQUEE></MARQUEE>

remove links at top and bottom

<style type="text/css"> table.navigation, table.footer {display: none;} </style>

hide any/all modules (e.g. blogrings, posting calendar, etc)

<script language="javascript"> //note: replace "YOURUSERNAME" with your username if (location.href.match ("home.aspx")) { var ht = document.getElementsByTagName ('table'); for (var t = 0; t < 10; t++) { str = ht[t].cells[0].innerHTML; if (!str.match (/YOURUSERNAME/i) && str.match (/(Posting Calendar|Subscriptions|My Blogrings)/i)) ht[t].style.display = "none"; } } </script>

display certain number of entries

<script language="javascript"> 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>

clock mousetrail. view the color chart.

<script language='javascript'> //you can change the colors of the clock below st=setTimeout; var nothingHere='' paString='positio'+nothingHere+'n:a'+nothingHere+'bsolute'; dCol='80a0ff';//date colour. fCol='80a0ff';//face colour. sCol='80a0ff';//seconds colour. mCol='80a0ff';//minutes colour. hCol='80a0ff';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; //Alter nothing below! Alignments will be lost! d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+'width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+'width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="'+paString+';top:0px;left:0px"><div style="position: static">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="'+paString+';top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="'+paString+';top:0px;left:0px"><div style="position: static">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="'+paString+';top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="'+paString+';top:0px;left:0px"><div style="position: static">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="'+paString+';width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="'+paString+';top:0px;left:0px"><div style="position: static">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="'+paString+';width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="'+paString+';top:0px;left:0px"><div style="position: static">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="'+paString+';width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); st('Delay()',20); } Delay(); </script>

scrolling header

<TABLE> <TBODY> <TR> <TD> <FIELDSET> <MARQUEE scrollAmount=2 direction=down width=65 height=35><FONT color=#0000ff size=3 family="century gothic">Your Text Here</FONT></MARQUEE></FIELDSET> </TD> <TD> <FIELDSET> <MARQUEE scrollAmount=2 direction=up width=65 height=30><FONT color=#ff000 size=3 family="century gothic">Your Text Here</FONT></MARQUEE></FIELDSET> </TD> <TD> <FIELDSET> <MARQUEE scrollAmount=2 direction=down width=65 height=35><FONT color=#00ff00 size=3 family="century gothic">Your Text Here</FONT></MARQUEE></FIELDSET> </TD> <TD> <FIELDSET> <MARQUEE scrollAmount=2 direction=up width=65 height=30><FONT color=#ff000 size=3 family="century gothic">Your Text Here</FONT></MARQUEE></FIELDSET> </TD> <TD> <FIELDSET> <MARQUEE scrollAmount=2 direction=down width=65 height=35><FONT color=#0000ff size=3 family="century gothic">Your Text Here</FONT></MARQUEE></FIELDSET> </TD> <TD> <FIELDSET> <MARQUEE scrollAmount=2 direction=up width=65 height=30><FONT color=#00ff0 size=3 family="century gothic">Your Text Here</FONT></MARQUEE></FIELDSET> </TD></TR></TBODY></TABLE>

smilies for comments

<script type="text/javascript"> function blogringsmiley(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 replaceBrtextsmiley() { var brtextsmiley = new Array( ":wink:", ":undecided:", ":tongue:", ":halo:", ":biggrin:", ":X:", ":frown:", ":embarrassed:", ":O:", ":!:", ":mad:", ":thekiss:", ":smile:", ":$:", ":cry:", ":imcool:"); var brimagesmiley = new Array( "http://img.photobucket.com/albums/v458/VANS1180/winkcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/undecidedcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/toungecopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/halo.gif", "http://img.photobucket.com/albums/v458/VANS1180/smile1copy.gif", "http://img.photobucket.com/albums/v458/VANS1180/sealedcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/sadcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/redcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/ocopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/mmouthcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/madcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/kisscopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/happy.gif", "http://img.photobucket.com/albums/v458/VANS1180/fmouthcopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/crycopy.gif", "http://img.photobucket.com/albums/v458/VANS1180/coolcopy.gif"); var maxNumberOfSmileysPerRow = 8; var buttonSize = 20; var preloadedImages = new Array(brimagesmiley.length); for (i = 0; i < preloadedImages.length; ++i) { preloadedImages[i] = new Image(); preloadedImages[i].src = brimagesmiley[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 < brtextsmiley.length; ++n ) { if ((allTableData[i].innerHTML.toUpperCase().indexOf('TABLE') == -1) && (allTableData[i].innerHTML.indexOf('previewHTML()') == -1)) { indx = allTableData[i].innerHTML.indexOf(brtextsmiley[n]); if (indx != -1) { while (indx != -1) { replacement = ''; indx = allTableData[i].innerHTML.indexOf(brtextsmiley[n]); smiley = '<img src=\"' + brimagesmiley[n] + '">' replacement = allTableData[i].innerHTML.replace(brtextsmiley[n],smiley); allTableData[i].innerHTML = replacement; } } } } } if (document.URL.indexOf('weblogs') != -1) { var smileyCollection = new Array(brimagesmiley.length); var smileyBar = ''; if (document.getElementById('htmleditor')) { //brnet.document for (i = 0; i < smileyCollection.length; ++i) { smileyCollection[i] = '<button type="button" value="" ' + 'style="width:' + buttonSize + 'px; height:' + buttonSize + 'px;" onclick="javascript:insertHTML(\' ' + brtextsmiley[i] + '\'); return false;">' + '<img src=\"' + brimagesmiley[i] + '" alt="' + brtextsmiley[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:blogringsmiley(\' ' + brtextsmiley[i] + '\'); return false;">' + '<img src=\"' + brimagesmiley[i] + '" alt="' + brtextsmiley[i] + '"></button>'; //brnet.document } } for (i = 0; i < smileyCollection.length; ++i) { if (i != 0) if ( (i/maxNumberOfSmileysPerRow).toString().indexOf('.') == -1) smileyBar = smileyBar + ' '; smileyBar = smileyBar + smileyCollection[i]; } infoLink = '<a href="http://www.freewebs.com/vans1170/xs.html"' + 'target=blank><font style="font-size: xx-small; font-weight: normal;">' + 'Get Your Own!</font><a/><br /><br />'; smileyBarHtml = '<br /><b>AIM Smilies By VANS1170</b><br /><font style="font-size: xx-small">' + 'Click to include in your comment!</font> ' + infoLink + smileyBar + '<br /><br />'; if (navigator.userAgent.indexOf('Mac') == -1) { //brnet.document 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 { 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) { //brnet.document var temp = allTableData[i].innerHTML; allTableData[i].innerHTML = temp + '<br />' + smileyBarHtml; break; } } } } } } if (document.URL.indexOf('weblogs') != -1) replaceBrtextsmiley(); </script>

add 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>

dotted border (header). view the color chart.

<div style="width: 700px; background-attachment: fixed; repeat: no-repeat; FILTER: alpha(opacity=99); border: 2px dashed #ff0000; height: 100%; position:static; margin-top: "0">

swap sidebar (goes in website stats)

<script language=javascript> //swaps sidebar position function swapSidebar(){ var tds = document.getElementsByTagName("td") for (var i = 0; i < tds.length; i++){ if (tds[i].className == "mainleft" || tds[i].width == "200"){ var sidebar = tds[i].cloneNode(true); tds[i].parentNode.appendChild(sidebar); tds[i].parentNode.removeChild(tds[i]); break; }} } swapSidebar(); </script>

border box (header)

<style type=text/css> BODY {border-style: solid; border-top-width: 15px; border-bottom-width: 15px; border-left-width: 15px; border-right-width: 15px; border-color: #ff0000} </style>

scrollbar on your subscriptions module

<script language="Javascript"> //change this value to the desired height of the box, px means pixels var subscriptionboxheight = "200px"; // do not edit below here var th = document.getElementsByTagName("th"); for (var p = 0; p < th.length; p++) { if(th[p].innerHTML.toLowerCase().indexOf('subscriptions</span>') !== -1) { var subtext = th[p].parentElement.parentElement.getElementsByTagName("tr")[1].getElementsByTagName("td")[0]; subtext.innerHTML = "<div style=\"height: " + subscriptionboxheight + "; overflow: auto \">" + subtext.innerHTML + "</div>"; } } </script>

custom module with images

<script> //replace YOURUSERNAME OR DESIRED MODULE TITLE //replace YOUR TEXT HERE //replace YOUR PICTURE URL HERE titleContent = 'YOURUSERNAME OR DESIRED MODULE TITLE'; moduleContent = 'YOUR TEXT HERE'; 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 + '<img src="YOUR PICTURE URL HERE">') sub.insertAdjacentHTML('beforeBegin','<br>'); </script>

codemecca's Xanga

Monday, June 20, 2005

Saturday, June 18, 2005