Please vote:

ABOUT THIS SITE:

Layout made by: Glamdesignz2nv
Link Us:

<a href="http://www.xanga.com/glamtutorials"><img src="http://i2.tinypic.com/vg3hfn.jpg" border=0></a>
Othere Sites:

How to make a layout:

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:

How to apply a Playlist:
1) Paste this code into ur html box (if you want it on the top
<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>
2) Then where is says : Write the song titles

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

3) Then where is says this put the URL of the song in between the " "
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";

4) 

How to apply a layout
1) Copy the code


2) Go to your look and feel then paste it in ur html
3) press preview to see if you like the layout