The code below is a simple layout style sheet, which will change colors of different components of the layout. For example, it changes colors of the :

Scrollbars
Font/Font Color
Blog Body
Borders of modules
Links
Dates

<style type="text/css"> /* http://createblog.com */ body { background-color: #ffffff; scrollbar-arrow-color: #FFCDD2; scrollbar-track-color: #FFCDD2; scrollbar-shadow-color: #FFCDD2; scrollbar-face-color: #FFCDD2; scrollbar-highlight-color: #FFCDD2; scrollbar-darkshadow-color: #FFCDD2; scrollbar-3dlight-color: #FFCDD2; } /* edits the date */ div.blogheader, .caption { background-image: url(); background-repeat:no-repeat; background-position:center; font-family: georgia; text-transform:none; font-size:18px; line-height:25px; font-weight:normal; color:#000000; letter-spacing:2px; background-color:#ffffff; text-align:center; border:1px solid #000000; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #000000; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ffffff; font:normal 12px trebuchet ms; background-color: ffffff; font-color:#BD6A72; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(); background-color:none; color: #000000; font: bold 10pt trebuchet ms; text-transform: none; text-align:center; border: #000000 1px solid; ;} table.left { /* this edits the menu module */ width:180px; color:000000; background-color:ffffff; BORDER: #000000 1px solid; } font,td,p,xmp{color:#000000; font-face: trebuchet ms; font-weight:normal; font-size:9pt; text-align:justify;} table.blogbody tr td { /* this edits the left margin of blog */ width:0px; padding-left: 0px; } table.blogbody { /* this edits the other the place where the blog is */ background-color:transparent; family-font: trebuchet ms; BORDER: #000000 1px solid; width:400px;} a:link{line-height: 9pt; font-family: trebuchet ms;font-weight:normal; color:#BD6A72; text-transform:none;font-size:9pt; cursor:crosshair;} a:active{font-family: trebuchet ms; color:#BD6A72; text-transform:none;font-size:9pt; cursor:crosshair;} a:visited{font-family: trebuchet ms; color:#BD6A72; text-transform:none;text-decoration:strikeout;font-size:9pt;cursor: crosshair;} A:hover {font-family:tahoma;color:#ffffff;text-transform: uppercase; cursor: crosshair; font-weight:bold;font-size:8pt}</style>
___________________________________________________

Here's a stylesheet that specificly has to do with the dates:
<style type="text/css"> div.blogheader, .caption { font-family:impact; text-transform:uppercase; font-size:16px; line-height:10px; font-weight:bold; color:#C991AE; letter-spacing:0px; background-color: #ffffff; text-align: left; } </style>


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


Here's the code for colored borders:
<style type=text/css><!-- body{border-right:#999999 50px solid;border-left:#999999 50px solid;border-top:#000000 50px solid;border-bottom:#000000 50px solid} //--></style>


If you would like to use colors but don't know their codes, here are some color hex codes:

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000

#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000

#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000

#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000

#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000

#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

 

I made ALL of these banners, so please don't take off the small credit in the corners of the banners!

You can THOUGH, use these backgrounds for your site.

Here are Some Backgrounds for a Good Banner:




**To Get the Code For the Banners, Click on the banner, and it'll take you to the code! 

 Save the banners to your computer!
 Go to paint, and paste the banner into it
 Go to the text box, and click on TRANSPARENT! 
 Type anything you want
 Save your banner
 Go to an image hosting site:
    tinypics
    imageshack
 Upload the pic and then put it into your layout code:
Here's the Code For Placing an Image into Your Layout Code. Make Sure To Put it FIRST Into the Code!
<img src="URL HERE">

 

1) Copy HTML Code of the Layout




2) Click on the look and feel section of your xanga (in left module). Make sure you are signed in!



3) Paste the HTML code in your header: Click Input Your Own Header HTML


NOTE: A Skin Can Be Applied On Your Site EXACTLY the Same Way!

 

Here's the code for the 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="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"> <select name="playlist" size="1"> <!-- Add song info here --> <option value="0">Artist Name - Song Title</option> <option value="1">Artist Name - Song Title</option> <option value="2">Artist Name - Song Title</option> <option value="3">Artist Name - Song Title</option> <option value="4">Artist Name - Song Title</option> </select> <input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);"> </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(); // Add song URLs here 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"; 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>

In the Place Where it Says:
<!-- Add song info here -->
<option value="0">Artist Name - Song Title</option>
<option value="1">Artist Name - Song Title</option>
<option value="2">Artist Name - Song Title</option>
<option value="3">Artist Name - Song Title</option>
<option value="4">Artist Name - Song Title</option>

Place the song title and the song writer's name. So, it would turn out like this:

<!-- Add song info here -->
<option value="0">Green Day - American Idiot</option>
<option value="1">Destiny's Child - Say My Name</option>
<option value="2">Michelle Branch - Are You Happy Now?</option>
________________________________

In the Place Where It Says:
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";

Place the URL of the song by going to a music site such as:
XaNgA_MuSiC
music_galore

Right Click on a Song, then Click PROPERTIES. Copy the URL of the Song



The Code Will Now Look Like This:
Make Sure It Corresponds To the Song Titles!

songs[0]="http://a420.v8383d.c8383.g.vm.
akamaistream.net/7/420/8383/3b858b51/mtvrdstr.
download.akamai.com/
8512/wmp/4/301/29608_1_1_04.asf";

Place The Full Code Into Your Custom Header!