Magical

Designer's Comments

Look carefully for specific instructions

Replace any "YOURXANGA"s with your xanga username and any 'YOUR FRIEND'S XANGA"s with the URL address of your friend's xanga. (Ex: http://www.xanga.com/MiSSYxCHRiSSY) Also, please don't remove the link to my site or change the layout! I worked really hard on it. Thanks so much!

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><script language=JavaScript> 
st=setTimeout;
change=''; 
var no = 14; 
var speed = 1; 
var falling = "http://images.cbimg3.com/xanga/06/1343.gif";
var falling = "http://images.cbimg3.com/xanga/06/1343.gif";
var ns4up = (document.layers) ? 1 : 0; 
var ie4up = (document.all) ? 1 : 0; 
var dx, xp, yp;
var am, stx, sty; 
var i, doc_width = 600, doc_height = 800; 
if (ns4up) { 
doc_width = self.innerWidth; 
doc_height = self.innerHeight; 
} else if (ie4up) { 
doc_width = document.body.clientWidth; 
doc_height = document.body.clientHeight; 
} 
dx = new Array(); 
xp = new Array(); 
yp = new Array(); 
am = new Array(); 
stx = new Array(); 
sty = new Array(); 
for (i = 0; i < no; ++ i) { 
dx[i] = 0; 
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height; 
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) { 
document.write("<layer name=\"dot"+ i +"\" left=\"20\" top=\"10\" visibility=\"show\"><img src=\"" + falling + "\" border=\"0\"></layer>"); 
} else { 
document.write("<layer name=\"dot"+ i +"\" left=\"20\" top=\"10\" visibility=\"show\"><img src=\"" + falling + "\" border=\"0\"></layer>"); 
} 
} else if (ie4up) { 
if (i == 0) { 
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: abso"+change+"lute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 10px; LEFT: 20px;\"><img src=\"" + falling + "\" border=\"0\"></div>"); 
} else { 
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: abso"+change+"lute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 10px; LEFT: 20px;\"><img src=\"" + falling + "\" border=\"0\"></div>"); 
} } } 
function snowNS() {
for (i = 0; i < no; ++ i) {
yp[i] += sty[i]; 
if (yp[i] > doc_height-50) { 
xp[i] = Math.random()*(doc_width-am[i]-30); 
yp[i] = 0; 
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7 + Math.random(); 
doc_width = self.innerWidth; 
doc_height = self.innerHeight; 
} 
dx[i] += stx[i]; 
document.layers["dot"+i].top = yp[i]; 
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); 
} 
st("snowNS()", speed); 
} 
function snowIE() { 
for (i = 0; i < no; ++ i) {
yp[i] += sty[i]; 
if (yp[i] > doc_height-50) { 
xp[i] = Math.random()*(doc_width-am[i]-30); 
yp[i] = 0; 
stx[i] = 0.02 + Math.random()/10; 
sty[i] = 0.7+ Math.random(); 
doc_width = document.body.clientWidth; 
doc_height = document.body.clientHeight; 
} 
dx[i] += stx[i]; 
document.all["dot"+i].style.pixelTop = yp[i]; 
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); 
} 
st("snowIE()", speed); 
} 
if (ns4up) { 
snowNS(); 
} else if (ie4up) { 
snowIE(); 
} 
</script>

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page */
{width:245px;}

table.navigation, table.footer 
{display: none;}

body {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #87CEFA; 
scrollbar-highlight-color: #87CEFA;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color:#87CEFA;
}

#rblEprops, #pnlEnabled table, #pnlEprops table { 
width: auto !important; 
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font-family: Verdana; 
font-weight:normal;
font-size:8pt;    
text-align: justify;
line-height:9pt;
color: #ffffff;
}

b, strong{
color:#E0FFFF;
font-family: Verdana;
font-weight:bold;
font-size:8pt;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#FFFFFF;
font-family: verdana;  
font-weight:normal;
font-size:8pt;    
line-height:9pt;
text-decoration:none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #FFFFFF;
font-family: verdana;
font-weight:normal;
font-size:8pt;    
line-height:9pt;
text-decoration:none;
}

a:hover {
/* edits when user mouseovers the links */
color:#87CEFA;
font-family: verdana; 
font-weight:normal;
font-size:8pt;    
line-height:9pt;
text-decoration:none;
}

div.blogheader, .caption {
/* edits the dates */
font-family:verdana;
font-size:14px;
line-height:27px;
font-weight:bold;
color:#FFFFFF;
letter-spacing:0px;
text-align: right;
text-transform: lowercase;
border-bottom: #FFFFFF 1px solid;
margin-bottom:2px;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #FFFFFF;
color: #87CEFA;
font-family: verdana;
font-size:8px;
text-transform: uppercase;
background-color: #FFFFFF;
letter-spacing:0px;
}

table.blogbody {
/* edits your blog or entry space */
border: 0px;
background-color:transparent;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
width:0px;
}

table.blogbody tr td {
width:0px; 
padding-left:0px;
}

div.smalltext {
padding-top:1px;
text-align:left;
}

table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: none;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width:0px;
}

hr {
/* horizontal divider */
border: 1px solid #87CEFA;
}

</style>
</div>

table.blogbody tr td {
width:0px; 
padding: 0px;
}

/* edit to your liking */
table.module { 
border: 0px solid #ffffff; 
width:160px; 
background-color:transparent; 
}

table.module th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family:verdana;
font-size:10px;
line-height:10px;
font-weight:bold;
color:#FFFFFF;
letter-spacing:1px;
text-align: left;
border-bottom: #FFFFFF 1px solid;
margin-bottom:8px;
border-top: none;
border-left: none;
border-right: none;
text-transform: uppercase;
margin-bottom:0px;
}

table.module td {
font-family: verdana;
font-weight:normal;
font-size:8pt;    
text-align: left;
line-height:9pt;
color: FFFFFF;
border: none; 
}
</style>

<b>Name:</b> ---<BR>
<b>Birthday:</b> ---<BR>
<b>Interests:</b> ---<BR>
</td></tr></table><br>

<a href="http://www.xanga.com/signin.aspx">sign in</a><br>
<a href="http://www.xanga.com">xanga</a><br>
<a href="http://www.xanga.com/YOURXANGA">me</a><br>
<a href="http://www.xanga.com/private">you</a><br>
<a href="http://www.xanga.com/claf">claf</a><br>
<a href="http://www.xanga.com/private/subs.aspx">subscriptions</a><br>
<a href="http://www.xanga.com/logout.aspx">sign out</a>

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="1" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Friends</b></th></tr><tr><td valign="top" class="module"> 
[<a href="YOUR FRIEND'S XANGA">x</a>] ---<br>
[<a href="YOUR FRIEND'S XANGA">o</a>] ---<br>
[<a href="YOUR FRIEND'S XANGA">o</a>] ---<br></td></tr></table><br>

<br>

</td></tr></table><br>

<br>

</td></tr></table><br>

</td><td width="500" valign="top" align="left">

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(
        " january",
        " february",
        " march
        " april
        " may
        " june
        " july
        " august
        " september
        " october
        " november
        " december
        "monday,",
        "tuesday,",
        "wednesday,",
        "thursday,",
        "friday,",
        "saturday,",
        "sunday,",
        " 2oo2",
        " 2oo3",
        " 2oo4",
	" 2oo5",
	" 2oo6",
	" 2oo7",
	" 2oo8",
        "o1, ",
        "o2, ",
        "o3, ",
        "o4, ",
        "o5, ",
        "o6, ",
        "o7, ",
        "o8, ",
        "o9, ",
        "1o, ",
        "11, ",
        "12, ",
        "13, ",
        "14, ",
        "15, ",
        "16, ",
        "17, ",
        "18, ",
        "19, ",
        "2o, ",
        "21, ",
        "22, ",
        "23, ",
        "24, ",
        "25, ",
        "26, ",
        "27, ",
        "28, ",
        "29, ",
        "3o, ",
        "31, "

);

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

Showing latest 10 of 17 comments

Luv it!

By Enigma19 on Jun 21, 2007 3:06 pm

It's absolutely gorgeous! I'm using it for when christmas time comes around. I think someone should make a halloween one to match it. Like a cute black cat sitting next to a pumpkin. Aww!Much Love,x3lost_in_the_worldx3

By MySoxRockAlot on Sep 17, 2005 1:43 pm

aww....very nice.

By Melissad1016 on Jul 2, 2005 12:30 am

wow! what a really magical skin

By [Deep]Thought63 on Jul 1, 2005 10:21 pm

OH. Pretty. I like the colors.

By riceypuccapocky on Jun 30, 2005 11:09 am

The image of the ice skating rink is certainly breathtaking, I just don't like how the blog text is so skinny and only constists of 2-4 words per line; it doesn't make it any easier to read.

By emazing on Jun 29, 2005 2:54 pm

this is really nice...I used to skate synchro, and probably will again this year, so this is a great layout to maybe use. Awesome job! =)

By stardustskater on Jun 29, 2005 2:33 pm

I love this. Its so nice! I wish i could figure skate. Someday...Anyways, that is really nice! I love it.

By seriouslynikki on Jun 29, 2005 1:12 pm

omgosh i love this skin ^_^. i love ice skating. im not very good at it persay but i love watching it on tv. great job. it looks so clean and refreshing...

By uglyduckie89 on Jun 29, 2005 12:08 pm

It's so pretty and calm :D

By b0st0ngrl on Jun 29, 2005 11:44 am

View all »

Layout Details

Designer	MiSSYxCHRiSSY
Submitted on	Jun 28, 2005
Page views	37,976
Favorites	57
Comments	17

Magical

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates