The Staff Codelicious did not take part in making the codes on the site. We simply find them and put them together to make coding easier. We both manage well respected layout sites (in which we do make the layouts).

      cassie's layout site: www.xanga.com/sweet_n_simple_layouts

      tiffany's layout site: www.xanga.com/spankin_new_layouts

* Please leave a comment if you're looking for a particular code. We'll more than likely add it. Feedback isn't a must, but well appreciated.

* Do not ask us for layout requests on this site or our layout sites because neither of us take requests.

* If a code doesn't work correctly, let us know so we can fix it or find a working one.

 Basics

Change Color of Bolded Text - apply in website stats

<!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #ff3399; } </style> <!-- end code provided by createblog.com -->

Change Color of Underlined Text - apply in website stats

<!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody u, .standard u, p u, strong { /* edits bolded text in your entry */ font-weight: underline; color: #HEX C0DE 0R C0L0R HERE; } </style> <!-- end code provided by createblog.com -->

Change Color of Italic Text - apply in website stats

<!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody i, .standard i, p i, em { font-weight: italic; color: red;} </style> <!-- end code provided by createblog.com -->

 Added Extras

Make Your Own Layout - apply in custom header

<img src="BANNER URL HERE"> <style type="text/css"> /* USERNAME HERE Stylesheet */ /* by YOUR NAME (xanga.com/USERNAME HERE) */ /* http://BlogRing.Net */ body { background-color: #FFFFFF; background-image: url(BACKGROUND IMG URL HERE); background-repeat: all-directions; background-attachment: fixed; background-position: bottom right background-color: #FFFFFF; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color: #000000; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:#000000; 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:arial; text-transform:lowercase; font-size:14px; line-height:15px; font-weight:bold; color:#000000; letter-spacing:0px; background-color: #FFFFFF; border: 1px solid #000000; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#000000; font:normal 11px arial; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; font:normal 11px arial; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; font:normal 11px arial; border-top: 1px solid #000000; border-BOTTOM: 1px solid #000000; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; font:normal 11px arial; background-color: #FFFFFF; letter-spacing:0px; color: #000000; } table.left { /* this edits the menu module */ border: 1px solid #000000; width:160px; background-color: #FFFFFF; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #000000; 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(IMG URL FOR HEADER HERE); background-color: #FFFFFF; font: bold 11px arial; text-transform: lowercase; color: #000000; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(IMG URL FOR MODULE HERE); background-color: #FFFFFF; font: 11px arial; color: #000000; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #FFFFFF; border: 1px solid #000000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FFFFFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #000000; } </style> <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("#000000","#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 = 30; // 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> <BODY style="border-bottom: #000000 30t solid; border-top: #000000 30t solid; border-left: #000000 30t solid; border-right: #000000 30t solid"></TBODY>

Blink Boxes  - apply in custom header

<!-- 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("#CC0066","#ffffff","#000000"); // 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 -->

6 Boxes w/ Scrolling Marquee - apply in custom header

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

Remove Xanga Ad - apply in the beginning of website stats

<!--AdRemover--> <!--Screennaimless code created by Anti_fukin_social--> <!--http://www.xanga.com/anti_fukin_social--></table></td></tr></tr></td></table> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"> <!--Finished--> <!--End Of AdRemover-->

Scrollbar Per Entry - apply in website stats

<!-- from xanga.com/html_scripts--> <style type="text/css"> .custom{ width:400px; height:250px; z-index:100; overflow: auto; border: 2px color solid; background:Transparent; }</style> <!-- begin code provided by createblog.com from xanga.com/html_scripts--> <script> 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)){ if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;} table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode; stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild; inner = stuff.innerHTML stuff.innerHTML=""; stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>'); } } </script>

Customize Date (edit the 2nd list) - apply in website stats

<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" ); // *** add the replacing Months or Days below var newWordsDates = new Array( "january", "february", "march", "april", "may", "june", "july", "august", "september", "october", "november", "december", "love me monday </font>", "trust me tuesday</font>", "wish me wednesday</font>", "think of me thursday</font>", "kiss me friday</font>", "dance with me saturday</font>", "sex me sunday</font>" ); 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 Text - apply in website stats
this code changes the text for eprops, comments, name, age, interests etc.

<!-- begin code provided by createblog.com --> <script type="text/javascript"> // // &copy; 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> <!-- end code provided by createblog.com -->

Extra Module - apply in website stats

<!-- begin code provided by createblog.com --> <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> <!-- end code provided by createblog.com -->

Music Drop Down Playlist - place in custom header
for a detailed explanation of this code, see a music xanga.

<!-- begin code provided by createblog.com --> <!-- begin code provided by createblog.com --> <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> </p> <form name="form"> <p style="text-align: center"> <select style="FONT-SIZE: 8pt; BACKGROUND:#ffffff; WIDTH: 250; COLOR: #ffccff; font-face: verdana; height:174" name="playlist" size="1"> <option value="0"> SONG NAME HERE <33</option> <option value="1"> SONG NAME HERE <33</option> <option value="2"> SONG NAME HERE <33</option> <option value="3"> SONG NAME HERE <33</option> <option value="4"> SONG NAME HERE ;33</option> <option value="5"> SONG NAME HERE <33</option> <option value="6"> SONG NAME HERE <33</option> <option value="7"> SONG NAME HERE <33</option> <option value="8"> SONG NAME HERE <33</option> <option value="9"> SONG NAME HERE <33</option> <option value="10"> SONG NAME HERE ;33</option> <option value="11"> SONG NAME HERE <33</option> </select><br> <input TYPE="BUTTON" NAME="darkplay" VALUE="SiNg iT" OnClick="play(document.forms['form'].playlist);"> <input TYPE="BUTTON" NAME="darkpause" VALUE="HoLd iT" OnClick="document.darkplayer.pause(); playstate=2;"> <input TYPE="BUTTON" NAME="darkstop" VALUE="uM No" 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 // www.xanga.com/smartypants91780 // unlimited songs, just copy and paste the song line and change the number songs=new Array(); songs[0]=" SONG URL " songs[1]=" SONG URL " songs[2]=" SONG URL " songs[4]=" SONG URL " songs[5]=" SONG URL " songs[6]=" SONG URL " songs[7]=" SONG URL " songs[8]=" SONG URL " songs[9]=" SONG URL " songs[10]=" SONG URL " songs[11]=" SONG URL " 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 createblog.com --> <!-- end code provided by createblog.com -->

 Disablers (right click & highlighting)

Disable Highlighting - apply in website stats

<!--Disable highlight from xanga.com/html_scripts--> <body onselectstart="return false;">

Disable Highlighting w/ popup message - apply in website stats

<!-- highlight alert by xanga.com/html_scripts--> <body onselectstart="alert('your message here')">

Disable Right Click - apply in website stats

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

 Marquees
these codes can be placed in custom header, webstats or on a post.

Basic Marquee - apply anywhere

<marquee>TEXT HERE</marquee>

Bordered Marquee - apply anywhere

<MARQUEE width="100" style="border:solid">TEXT HERE</MARQUEE>

Bouncing Marquee - apply anywhere

<marquee behavior=alternate>TEXT HERE</marquee>

 Other

Header w/ hearts on the sides & borders

<FONT style="FONT-WEIGHT: bold; FONT-SIZE: 40pt; COLOR: #ffffff; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial; LETTER-SPACING: -5pt">&hearts;Sure guys like blondes&hearts;</FONT><BR><FONT style="FONT-WEIGHT:none; FONT-SIZE: 40pt; COLOR: #ffffff; LINE-HEIGHT: 20pt; FONT-FAMILY: edwardian script ITC; LETTER-SPACING: 0pt">but they love brunettes<head></font><br><br> <a href="http://xanga.com/sweet_n_simple_layouts" target="_blank">sweet_n_simple_layouts</a> <style type="text/css"> /* I love my green flip-flops! */ /* by cassie (sweet_n_simple_layouts) */ body { background-color: #000000; background-image: url(""); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #000000; scrollbar-highlight-color: #ffffff; 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: #ffffff; 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 */ background-image: url(http://xs22.xs.to/pics/05132/blue-08.gif); font-family: arial; text-transform: uppercase; font-size:13px; font-weight: bold; height: 1px; letter-spacing: -1px; color:#000000; text-align: center; width: 330px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ffffff; font:normal 11px arial; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffffff; font:normal 11px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ffffff; font:bold 11px arial; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ffffff; font:normal 11px arial; color: #ffffff; background-color: #transparent; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 0px solid #ffffff; font-weight: normal; width:160px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ background-color: transparent; border: 1px solid #ffffff; border-top: none; width:330px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://xs22.xs.to/pics/05132/blue-08.gif); font-family: arial; text-transform: uppercase; font-size:13px; font-weight: bold; letter-spacing: -1px; color: #000000; background-color: transparent; text-align: center; border: 1px solid #ffffff; border-bottom: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: 1px solid #ffffff; border-top: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 1px solid #ffffff; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #ffffff; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 480px; } hr { /* horizontal divider */ border: 0px solid #ffffff; } table.footer {display: none;}</style> <BODY style="border-bottom: #ffffff 18t solid; border-top: #ffffff 18t solid; border-left: #ffffff 18t solid; border-right: #ffffff 18t solid"></TBODY>

Bold borders & blink boxes

<FONT style="FONT-WEIGHT: bold; FONT-SIZE: 40pt; COLOR: #ffffff; LINE-HEIGHT: 20pt; FONT-FAMILY: Arial; LETTER-SPACING: -5pt">&hearts;Sure guys like blondes&hearts;</FONT><BR><FONT style="FONT-WEIGHT:none; FONT-SIZE: 40pt; COLOR: #ffffff; LINE-HEIGHT: 20pt; FONT-FAMILY: edwardian script ITC; LETTER-SPACING: 0pt">but they love brunettes<head></font><br><br> <a href="http://xanga.com/sweet_n_simple_layouts" target="_blank">sweet_n_simple_layouts</a> <style type="text/css"> /* I love my green flip-flops! */ /* by cassie (sweet_n_simple_layouts) */ body { background-color: #000000; background-image: url(""); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #000000; scrollbar-highlight-color: #ffffff; 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: #ffffff; 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 */ background-image: url(http://xs22.xs.to/pics/05132/blue-08.gif); font-family: arial; text-transform: uppercase; font-size:13px; font-weight: bold; height: 1px; letter-spacing: -1px; color:#000000; text-align: center; width: 330px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ffffff; font:normal 11px arial; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffffff; font:normal 11px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ffffff; font:bold 11px arial; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ffffff; font:normal 11px arial; color: #ffffff; background-color: #transparent; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 0px solid #ffffff; font-weight: normal; width:160px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ background-color: transparent; border: 1px solid #ffffff; border-top: none; width:330px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://xs22.xs.to/pics/05132/blue-08.gif); font-family: arial; text-transform: uppercase; font-size:13px; font-weight: bold; letter-spacing: -1px; color: #000000; background-color: transparent; text-align: center; border: 1px solid #ffffff; border-bottom: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: 1px solid #ffffff; border-top: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 1px solid #ffffff; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #ffffff; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 480px; } hr { /* horizontal divider */ border: 0px solid #ffffff; } table.footer {display: none;}</style> <BODY style="border-bottom: #ffffff 18t solid; border-top: #ffffff 18t solid; border-left: #ffffff 18t solid; border-right: #ffffff 18t solid"></TBODY>

Bold dotted border & blink boxes

<img src="http://xs22.xs.to/pics/05130/mr.brightside.png" Align="center"> <style type="text/css"> body { background-color: #000000; background-image: url(http://xs22.xs.to/pics/05130/mrbrightside.png); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; scrollbar-arrow-color: #FF0099; scrollbar-track-color: #000000; scrollbar-shadow-color: #00ff00; scrollbar-face-color: #000000; scrollbar-highlight-color: #FF0099; scrollbar-darkshadow-color:#00ff00; scrollbar-3dlight-color: #FF0099; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 12px arial; line-height:14px; color: #00ff00; 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:arial; text-transform:lowercase; font-size:16px; line-height:30px; font-weight:bold; filter: alpha (opacity=100, finishopacity=0, style=2); height: 1px; background-color:#FF0099; color: #000000; letter-spacing:1px; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#00ff00; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FF0099; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#FFFFFF; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px dotted #FF0099; font:normal 12px arial; background-color: transparent; letter-spacing:0px; color: #FF0099; } table.left { /* this edits the menu module */ border: 7px dotted #00ff00; width:160px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 7px dotted #FF0099; background-color: transparent; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: transparent; font: bold 12px arial; text-transform: uppercase; color: #00ff00; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: transparent; border: none; font:normal 12px arial; color: #FF0099; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 1px dotted #FF0099; } table.blogbody { /* this edits the other the place where the blog is */ border: 5px dotted #00ff00; background-color: transparent; width:400px; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF0099; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #00ff00; } </style> <a href="http://www.xanga.com/sweet_n_simple_layouts">Made by cassie</a><br /><br /> <BODY style="border-bottom: #00ff00 10t solid; border-top: #00ff00 10t solid; border-left: #FF0099 10t solid; border-right: #ff0099 10t solid"></TBODY> <!-- 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("#00ff00","#ff0099"); // 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 = 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 -->