Gel vs. Red

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

scrollbar-arrow-color: #FE0000;
scrollbar-face-color: #00FF00; /* transparent */
scrollbar-3dlight-color: #00FF00; /* transparent */
scrollbar-darkshadow-color: #00FF00; /* transparent */
scrollbar-highlight-color: #FE0000;
scrollbar-shadow-color: #FE0000;
scrollbar-track-color: #00FF00; /* transparent */
}
</style>

div.blogheader, .caption {
/*--edit the dates--*/
background-repeat: no-repeat;
background-position: bottom;
background-position: left;
font-family:arial;
font-size:10px;
text-transform: Uppercase;
color:#FFFFFF;
text-align: left;
font-weight:normal;
padding-left:0px;
padding-bottom:0px;
line-height: 12px;
border-bottom: #FFFFFF 0px solid;

.module b, .section b, .blogbody b, .standard b, p b, strong 
{font-weight: bold;
color: #FFFFFF;}

input, select, textarea, iframe.htmleditor, .textfield, .button 
{border: 0px solid #FFFFFF ;
font: normal 8pt arial;
color: #FFFFFF;
line-height: 10pt;
background-color: #FE0000;}

table.footer TD 
{text-align: center;}

.header

background-repeat: no-repeat;
font-family:arial;
font-size:10px;
text-transform: Uppercase;
color:#FE0000;
text-align: left;
font-weight:bold;
padding-left:0px;
padding-bottom:0px;
line-height:60px;
 
.module 
{width:131px;
background-color: none;
border: #FE0000 0px solid;}

.section
{font: normal 8pt ARIAL;
color: #FFFFFF;
line-height: 10pt;
text-align: left;
border: 0px solid #FFFFFF;
background-color: none;
padding: 5px;}

font,td,p,xmp
{color: #FFFFFF;
font-face: ARIAL;
font-weight: normal;
font-size: 8pt;
text-align: justify;}

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

.blogbody 
{background-color: none;
font: normal 8pt ARIAL;
color: #FFFFFF;
line-height: 10pt;
text-align: justify;
border: #FFFFFF 0px solid;
padding: 5px;
width: 131px;}

a:link
{font: normal 8pt ARIAL;
color: #FFFFFF;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:active
{font: normal 8pt ARIAL;
color: #FFFFFF;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:visited
{font: normal 8pt ARIAL;
color: #FFFFFF;
line-height: 10pt;
text-transform: none;
text-decoration: none;
}

a:hover 
{font: normal 8pt ARIAL;
color: #FFFFFF;
line-height: 10pt;
text-transform: none;
text-decoration: underline;
border-bottom: 1px solid #FFFFFF;
}
</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"
 );

// *** add the replacing Months or Days below
    var newWordsDates = new Array(
        "Jan.",
        "Feb.",
        "March",
        "April",
        "May",
        "June",
        "July",
        "Aug.",
        "Sept.",
        "Oct.",
        "Nov.",
        "Dec.",
        "Mon.",
        "Tues.",
        "Wed.",
        "Thurs.",
        "Fri.",
        "Sat.",
        "Sun."
 );

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]);
                        if(navigator.userAgent.toLowerCase().indexOf('compatible')>0){collections[k][i].innerHTML=replacement;//please use supported code at http://help.xanga.com/codes.htm
}
                        break;                    
                    }
                }
            }
        }
    }
}
replaceWordsDates();
</script>