Tink Pink

Designer's Comments

Look carefully for specific instructions

Trim: #FFFFFF;
Alignmnt: Middle
Width: Full Screen
Font: Verdana, size 1, #FFFFFF
Change 'YOURNAME' in the image map links to your username.
Please don't remove the 'About the Layout' section.

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 align=left style="position:static; margin-right:-398px;margin-top: -240px;border: 2px solid #CE6591; width: 250px; height: 210px;padding:5px; background:transparent; overflow: auto; 
}">About Me 
Name: Susie Q 
Age: Blah 
Grade: Blah 
Country:Blah 
AIM: WhateverItIs 
E-mail: <a href="mailto:YOUREMAILADDRESSHERE">Here</a> 
Likes: dance, my computer, oldies songs, horror movies, Harry Potter, reading, sci-fi, Lifetime channel, E! channel, WE channel, Legolas, Kill Bill, Orlando Bloom, Lord of the Rings, Tinkerbell, honey mustard, anime, Spiderman, The Heathers, exercising, feeling productive, Algebra, malts, Quentin Tarantino, Oreo McFLurries, Physics, worn-in shoes, comfy pants, winter, light thunderstorms at night, hot cocoa, The Matrix, my eyes 
About the Layout 
Made and Coded by: <a href="http://www.xanga.com/home.aspx?user=WhimsicalDaydream">KnellKreations</a> 
Name: TinkPink 
Tools: Adobe PhotoshopCS and ImageReadyCS 
Colors: Various Pinks and White 
Featuring: Tinkerbell 
</div>

A:link, A:visited, A:active
{color:#FFDBEA; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#C05985; font-size: 8pt; );}

div {

filter:chroma(color=#FF9933);

scrollbar-arrow-color: #FFCEE3;
scrollbar-face-color: #FFCEE3; 
scrollbar-3dlight-color: #FFA8CD; 
scrollbar-darkshadow-color: #FF73AE; 
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #CC0066;
scrollbar-track-color: #FF9933; /* transparent */
}

body {
background-image:url(http://images.cbstaff.com/xanga/04/846_bg.jpg);
background-repeat: repeat-y-x;
background-color: #ffffff;
scrollbar-face-color: #FFCEE3;
scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #FFA8CD;
scrollbar-darkshadow-color: #FF73AE;
scrollbar-track-color: #FF9EC7;
scrollbar-arrow-color: #FFCEE3;
margin-top: 3%;
}

#navheader{
width: 220px;
padding: 3px;
font-family: Arial;
font-size: 14pt;
text-align: right;
color: #CCFFCC;
text-transform: lowercaps;
margin-top: 8px;
margin-bottom: 5px;
background: #FF3399;
border: solid;
border-width: 2px;
border-color: #CCFFFF;}

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

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

.caption, .blogheader {
width: 325px;
padding: 3px;
font-family: Arial;
font-size: 14pt;
text-align: right;
color: #CCFFCC;
text-transform: lowercaps;
margin-top: 10px;
background: #FF3399;
border: solid;
border-width: 2px;
border-color: #CCFFFF;
}

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

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

</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(
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "",
        "Mystical Monday",
        "Twinkling Tuesday",
        "Wishful Wednesday",
        "Thrilling Thursday",
        "Fairy Dust Friday",
        "Serene Saturday",
        "Starry 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	14,498
Favorites	22
Comments	0

Tink Pink

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates