CODES
blink boxes*
<!-- Blink Boxes : Provided by Blogring.net -->
<script language=JavaScript>
<!--
//blink boxes - xanga.com/add_ons
//by sean f http://www.xanga.com/seanmeister
//fixed to work with new security measures by
//hotaru_01 http://www.xanga.com/hotaru_01
// customize by changing the values below
// these are the various colors, in quotes, seperated by commas
var blinkColors = new Array("#B991C9","#9D91C9","#C991AE");
// the border color
var blinkBorderColor = "#ffffff"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 40;
// the width of the entire box, in pixels or %
var blinkWidth = 500;
// the height of each row, in pixels
var blinkRowHeight = 10;
// speed of blinking, in milliseconds
var blinkRate = 8;
// do not edit below this line
st=setTimeout;
document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");
for (r = 0; r < blinkRows; r++){
document.write("<TR>");
for (c = 0; c < blinkCols; c++){
document.write("<TD height='" + blinkRowHeight + "'></TD>");
}
document.write("</TR>");
}
document.write("</table>");
// ... and this makes it blink
function blinkIt() {
changecell = Math.floor(Math.random() * (blinkCols * blinkRows));
changecolor = Math.floor(Math.random() * blinkColors.length);
bb = document.getElementById("blinkbox");
bbtd = bb.getElementsByTagName("td");
bbtd[changecell].style.backgroundColor = blinkColors[changecolor];
st('blinkIt()', blinkRate);
}
blinkIt();
//-->
</SCRIPT>
<!-- End Script by Blogring.net -->
| Option Buttons W/Pop-Ups
|
|
Do you like my page?
|
<![CDATA[<form>OPTION1
<input type="radio"
>
OPTION2
<input type="radio"
>
]]> |
email link* <![CDATA[<a href="mailto:NAME@EMAIL.com" target="_new">
TEXT HERE</a>]]>
email with subjects*
(somethin i do: for the "TEXT HERE" you can but "complaints" and for the subject but "i don't like this because.." or "i am mad because..." or somethin like that!) <![CDATA[<a href="mailto:
NAME@EMAIL.com?subject=blah" target="_new">
TEXT HERE</a>]]>
MOUSOVER CHANGE COLOR**
(this is so awesome!!! test it out!!!!) <![CDATA[<a href=""
onMouseOver="var bg = prompt('TEXT');
document.bgColor=bg" target="_new">
TEXT HERE</a>]]>
mouse over link pop-up**
<!--StartFragment--><a href="" onMouseover="alert('TEXT')">
TEXT</a>
drop down link list*
<![CDATA[<form><select name=select size="1"
style="background-color:COLORHERE;
font size:#pt; font-family:FONTHERE;
color:COLORHERE"]]><![CDATA[onchange="location.href=
(form.select.options[form.select.selectedIndex].value)">]]><![CDATA[<option value="URL">page link</option>
<option value="URL">page link</option>
<option value="URL">page link</option>
</select></form>]]>
6 boxes with text*
<table>
<TR>
<td>
<fieldset>
<marquee direction="left" height=35 width=50 scrollamount="2"><font
color=#CC3366
family="arial" size=1>WRITE HERE</font>
</marquee>
</fieldset>
</td>
<td>
<fieldset>
<marquee direction="down" height=35 width=50 scrollamount="1"><font
color=#CC3366
family="arial" size=1>
WRITE HERE</font>
</marquee>
</fieldset>
</td>
<td>
<fieldset>
<marquee direction="right" height=35 width=50 scrollamount="1"><font
color=#CC3366
family="arial" size=1>
WRITE HERE</font>
</marquee>
</fieldset>
</td>
<td>
<fieldset>
<marquee direction="left" height=35 width=50 scrollamount="1"><font
color=#CC3366
family="arial" size=1>
WRITE HERE</font>
</marquee>
</fieldset>
</td>
<td>
<fieldset>
<marquee direction="up" height=35 width=50 scrollamount="1"><font
color=#CC3366
family="arial" size=1>
WRITE HERE</font>
</marquee>
</fieldset>
</td>
<td>
<fieldset>
<marquee direction="down" height=35 width=53 scrollamount="1"><font
color=#CC3366
family="arial" size=1>WRITE HERE</font>
</marquee>
</fieldset>
</td>
<td>
</TABLE>
background music* <![CDATA[<BGSOUND SRC="MIDI URL" AUTOSTART="true"
HIDDEN="true" LOOP="infinite">]]>
pop up on entry*
<SCRIPT language="JavaScript">alert("TEXT HERE") </SCRIPT>
pop up when leaving*
<BODY onUnload="alert('TEXT HERE');">
transparent blog*
<!-- begin code provided by createblog.com -->
<STYLE>
/*
transparent blog
*/
.blogbody, {
/* opacity maximum 100 */
filter: alpha(style=0,opacity=60);
}
</STYLE>
<!-- end code provided by createblog.com -->
no right click*
<script language="JavaScript1.2" type="text/javascript">
// This script and others available free at http://www.lissaexplains.com
if (window.Event)
document.captureEvents(Event.MOUSEUP);
function nocontextmenu() {
event.cancelBubble = true, event.returnValue = false;
return false;
}
function norightclick(e) {
if (window.Event) {
if (e.which == 2 || e.which == 3) return false;
}
else if (event.button == 2 || event.button == 3) {
event.cancelBubble = true, event.returnValue = false;
return false;
}
}
if (document.layers)
document.captureEvents(Event.MOUSEDOWN);
document.oncontextmenu = nocontextmenu;
document.onmousedown = norightclick;
document.onmouseup = norightclick;
//--></script>
no highlighting*
<script language="JavaScript1.2">
//Disable select-text script (IE4+, NS6+)- By Andy Scott
//Exclusive permission granted to Dynamic Drive to feature script
//Visit http://www.dynamicdrive.com for this script
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
drop down music player*
<!-- begin code provided by blogring.net -->
<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">
<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
<form name="form">
<p style="text-align: center">
<select style="FONT-SIZE: 8pt; BACKGROUND:#transparent; WIDTH: 170px; COLOR: #33666; font-face: verdana" name="playlist" size="1">
<option value="0">SONG NAME/ARTIST</option>
<option value="1">SONG NAME/ARTIST</option>
<option value="2"> SONG NAME/ARTIST</option>
<option value="3"> SONG NAME/ARTIST</option>
<option value="4"> SONG NAME/ARTIST</option>
<option value="5"> SONG NAME/ARTIST</option>
<option value="6"> SONG NAME/ARTIST</option>
<option value="7">SONG NAME/ARTIST</option>
<option value="8">SONG NAME/ARTIST</option>
<option value="9"> SONG NAME/ARTIST</option>
<option value="10"> SONG NAME/ARTIST</option>
</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.Pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.Stop(); playstate=2;"></p>
</form>
<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1; // set to 0 to always play first song in list
// set to 1 to randomly choose the first song to play
songs=new Array();
songs[0]=" SONG URL HERE "
songs[1]="SONG URL HERE"
songs[2]="SONG URL HERE"
songs[3]="SONG URL HERE"
songs[4]="SONG URL HERE"
songs[5]="SONG URL HERE"
songs[6]="SONG URL HERE"
songs[7]="SONG URL HERE"
songs[8]="SONG URL HERE"
songs[9]="SONG URL HERE"
songs[10]="SONG URL HERE"
if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
</script>
<!-- end code provided by blogring.net -->
video player*
<EMBED SRC="VIDEO URL HERE" HEIGHT="240" WIDTH="320" LOOP="true" AUTOSTART="true"></EMBED>
basic link*
<a href=URL OF WEBSITE>
TEXT HERE</a>
drop down ink 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>
blurred link*
<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>
vertical flip*
a:hover {
filter: flipV;
height: 2;
color:COLORHERE;
}
*****COLOR HEX CODES
http://img169.exs.cx/my.php?loc=img169&image=colorchart5es.gif
space out*
<!-- begin code provided by createblog.com -->
<style type="text/css">
{
a:hover{letter-spacing:5px
}
</style>
<!-- end code provided by createblog.com -->
basic marque*
<marquee>TEXT HERE</marquee>
picture marque*
<marquee>
<img src="PIC URL HERE">
</marquee>
**note: to get the URL of a picture, RIGHT CLICK it, then hit properties... it will be beside "address"**
bouncy marque*
<marquee behavior=alternate>TEXT HERE</marquee>
Marque Slow On Mouse Over*
<marquee onMouseover="this.scrollAmount=#"
onMouseout="this.scrollAmount=#">TEXT</marquee>
make your own layout!*
<style type="text/css">
body {
background-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color:#FF49A7;
letter-spacing:0px;
text-align:justify;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family:impact;
text-transform:lowercase;
font-size:24px;
line-height:10px;
font-weight:normal;
color:#FF49A7;
letter-spacing:0px;
background-color: #ffffff;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FF49A7;
text-decoration: none;
}
a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#000000;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
color:#FA4E82;
cursor: crosshair;
text-decoration: none;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #c0c0c0;
font:normal 11px arial;
background-color: #FFFFFF;
letter-spacing:0px;
color: #000000;
}
table.left {
/* this edits the menu module */
border: 1px solid #c0c0c0;
width:160px;
background-color: #000000;
}
table.blogbody {
/* this edits the other the place where the blog is */
border: 0px solid c0c0c0;
background-color: #ffffff;
width:400px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #000000;
font: bold 11px arial;
text-transform: lowercase;
color: #FFFFFF;
border: none;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(http://url.com/to/the/site/image.gif);
background-color: #FFFFFF;
border: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 500px;
}
hr {
/* horizontal divider */
border: 1px solid #FF49A7;
}
</style>
<P><TEXTAREA>TEXT HERE
basic picture*
<img src="PIC URL HERE">
Italics
Slashout
Bold
Underline
SuperScript
SubScript
Typewriter
|
<![CDATA[<i>Italicized</i>
<s>Slashout</s>
<b>Bold</b>
<u>Underline</u>
<sup>SuperScript</sup>
<sub>SubScript</sub>
<tt>Typewriter</tt>
]]> |
purple sparkle cursor*
<style><!--
BODY{
cursor:url("http://freepgs.com/pinkgoddess/cursors/1.ani");
}
-->
</style>
**customizing fonts instead of hex codes**
Dodgerblue
Salmon
Blueviolet
Turquoise
Darkpink
Lime
Seagreen
Pink
Royalblue
Yellow
Goldenrod
Coral
Burlywood
Firebrick
Forestgreen
Fuchsia
Indigo
Skyblue
Indianred
Olive
Peru
Orchid
Plum
Springgreen
Steelblue
Teal
Blue
Hotpink
Cornflowerblue
| 
