All I Want For Christmas

Designer's Comments

Look carefully for specific instructions

Trim: #00CC33
Alignment: Middle
Width: full screen
Font: Verdana, size 1, #339966
Background: #ffffff
Remember to change YOURNAME to your Username in the image map.

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

<div id="welcome">This is where you can write a little welcome thing or stuff about yourself - whatever you want really. You can have links, pics, infos, basically whatever you want. Yeah I'm taking up space right now. Or you can put music in here! Get the script from CreateBlog.com. Or you can just take this out altogether. ^_^</div>

a:link{ color: #33CC66; text-decoration: none;}

a:hover{ color: #33CC66; text-decoration: none; border: solid 1px #33CC66; background: #99FF99; font-weight: bold;}

a:visited{ color: #33CC66;text-decoration: none;}

body{
  background: #ffffff;
  background-image: url(http://images.cbstaff.com/xanga/04/843_background.jpg);
  background-repeat: repeat-all;}

div {

filter:chroma(color=#00FF00); /* here you are defining which color you want to be transparent in your scrollbars */

scrollbar-arrow-color: #FF3333;
scrollbar-face-color: #FF3333; 
scrollbar-3dlight-color: #FF9999; 
scrollbar-darkshadow-color: #FF6666;
scrollbar-highlight-color: #FFCCCC;
scrollbar-shadow-color: #CC6666;
scrollbar-track-color: #00FF00; /* transparent */
}

#welcome{ 
  text-align: justify;
  margin-top: 10px;
  margin-left: 8px;
  width: 260px;
  height: auto;
  font-size: 10px;
  font-family: Verdana;
  color: #CC0000;
  font-weight: bold;
  padding: 7px;
  border: dashed;
  border-width: 2px;
  border-color: #006633;
  background: #CCFFCC;
  filter: alpha(opacity=50);}

table.blogbody {
width:247px;
font-family: Arial;
font-weight: none;
font-size: 10px;
color: #CC0000;
text-align: justify;
margin-top: 2px;
padding: 0px;
}

.caption, .blogheader {
width: 250px;
padding: 3px;
font-family: Arial;
font-size: 14pt;
font-weight: bold;
letter-spacing: -1px;
text-align: right;
color: #FF6666;
background-color: #CCFFCC;
text-transform: lowercaps;
margin-top: 10px;
border: solid;
border-width: 2px;
border-color: #00CC66;
}

div.smalltext{
width: 247px;
padding: 3px;
padding-bottom: 5px;
text-align: center;
}

</style>

Layout Code

Copy and paste to Website Stats

Help

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,",
        "2002",
        "2003",
        "2004",
	"2005",
	"2006",
	"2007",
	"2008",
        "01, ",
        "02, ",
        "03, ",
        "04, ",
        "05, ",
        "06, ",
        "07, ",
        "08, ",
        "09, ",
        "10, ",
        "11, ",
        "12, ",
        "13, ",
        "14, ",
        "15, ",
        "16, ",
        "17, ",
        "18, ",
        "19, ",
        "20, ",
        "21, ",
        "22, ",
        "23, ",
        "24, ",
        "25, ",
        "26, ",
        "27, ",
        "28, ",
        "29, ",
        "30, ",
        "31, "
	);

// *** add the replacing Months or Days below
    var newWordsDates = new Array(
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "Misletoe Magic Monday",
        "Tree Trimming Tuesday",
        "Winter Wonderland Wednesday",
        "Thankful Thursday",
        "Fiercely Frosty Friday",
        "Soft and Snowy Saturday",
        "Silver Bells Sunday",
        "",
        "",
        "",
	"",
	"",
	"",
	"",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        ""

);

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>

Layout Comments

No comments yet. Be the first one to comment!

Layout Details

Designer	TheKnell
Submitted on	Apr 22, 2005
Page views	7,994
Favorites	15
Comments	0

All I Want For Christmas

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates