Distance...

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

YOURXANGA should be replaced with your xanga username.

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="main">
<div align="left"><form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
 <option value="#">----navigate----</option>
 <option value="http://xanga.com">Xanga</option>
 <option value="http://xanga.com/YOURXANGA">Refresh</option>
 <option value="http://www.xanga.com/private/home.aspx">Private</option>
 <option value="http://www.xanga.com/CLAF/default.asp">CLAF</option>
 <option value="http://www.xanga.com/profile.aspx?user=YOURXANGA">Profile</option>
 <option value="http://www.xanga.com/guestbook.aspx?user=YOURXANGA">Guestbook</option>
 <option value="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGA">Add Me</option>
 <option value="http://www.xanga.com/Private/subs.aspx">Subscriptions</option>
 <option value="http://www.xanga.com/Private/feedback.aspx">Feedback</option>
 <option value="#">----in&out----</option>
 <option value="http://www.xanga.com/signin.aspx">Sign In</option>
 <option value="http://www.xanga.com/logout.aspx">Log Out</option>
 </select>
</form></div>

Layout Code

Copy and paste to Website Stats

Help

Original image taken from <a href="http://www.aethereality.net/">Aethereality</a>.<br>
All coding done by <a href="http://ribbons.blewmyallowanceonmanga.net/">Reili</a>
</div>

<script type="text/javascript">
//
// ?004 EasterEgg
//
// For use at Xanga only. 
// 
// While the date in your blogheader has a fixed format 
// (e.g. "Tuesday, March 16, 2004") you may want to use
// another date format, accustomed to *your* preferences. 
// This script enables you to apply pretty much any date 
// format to your blogheader you like.
//
// Here's how it works: 
// The script collects all blogheaders and applies to them 
// a format you define by changing the value of the variable 
// "dateFormatStr" in the code below. Currently that value is 
// set to 'ddd, mm/dd/yy', which will result in a date that 
// looks like this: 'Tue, 03/16/04'. If you want to use slashes 
// instead of divisions as date separators, go right ahead; you 
// can even add HTML to the date format string if you like!:-)
//
// =================
// listing of available constants (using the date 
// "Tuesday, March 16, 2004" as an example):
//
// dd = 16
// ddd = Tue
// dddd = Tuesday
//
// mm = 03
// mmm = Mar
// mmmm = March
//
// yy = 04
// yyyy = 2004 
//
// =================
//
// You can use any combination of the above constants. Examples:
//
// 'mm/dd/yyyy' will result in '03/16/2004'
// 'mmm dd, yy' will result in 'Mar 16, 04'
// 'mm-dd-yy (dddd)' will result in '03-16-04 (Tuesday)'
// '{ ddd, mmm dd, yyyy }', will result in '{ Tue, Mar 16, 2004 }'
//
// Get the general idea?;-)
//
// Copy this entire code and paste it in the webstats box of your 
// Look and Feel page.

//
// You're free to use this script as long as this comment remains 
// intact. Future modifications allowed if due credit is given.
//

function formatEntryDate()
{
    // ***** adjust the dateFormatStr below as you see fit
    // ===================================================
    dateFormatStr = '[mm-dd-yy, dddd]';
    // ===================================================

allDivs = document.getElementsByTagName('div');
    for (var i = 0; i < allDivs.length; ++i)
    {
        if (allDivs[i].className == 'blogheader')
        {
            newDateFormat = dateFormatStr;
            
            // day
            entryDate = allDivs[i].innerHTML;
            dayLong = entryDate.substr(0, entryDate.indexOf(','));  // dddd
            dayShort = dayLong.substr(0, 3);                        // ddd  
            tempStr = entryDate.substr(dayLong.length + 1);
            dayNr = tempStr.substr(tempStr.indexOf(',') - 2, 2);    // dd
            newDateFormat = newDateFormat.replace('dddd', dayLong);
            newDateFormat = newDateFormat.replace('ddd', dayShort);
            newDateFormat = newDateFormat.replace('dd', dayNr);

// month
            monthLong = tempStr.substr(1, tempStr.indexOf(',') - 3);// mmmm
            monthShort = monthLong.substr(0, 3);                    // mmm
            monthNr = getMonthNr(monthShort);                       // mm
            newDateFormat = newDateFormat.replace('mmmm', monthLong);
            newDateFormat = newDateFormat.replace('mmm', monthShort);
            newDateFormat = newDateFormat.replace('mm', monthNr);

// year
            yearLong = tempStr.substr(tempStr.indexOf(',') + 2);    // yyyy
            yearShort = yearLong.substr(2);                         // yy
            newDateFormat = newDateFormat.replace('yyyy', yearLong);
            newDateFormat = newDateFormat.replace('yy', yearShort);

allDivs[i].innerHTML = newDateFormat;
        }
    }
}
formatEntryDate();
</script>

Layout Comments

Showing latest 4 of 4 comments

i gotta question... could you possibly turn this layout into a myspace layout so i could use it? =O
if not then thats okay. =]

By sing4meNana on Aug 19, 2007 8:25 pm

Love Nana. :D

By tokyo-rose on May 5, 2007 4:49 pm

NANA!This is so goin' on my xanga!

By Chojikai on Jan 12, 2006 3:08 am

woah I love NANA nice layout

By HelplessCry on Jan 6, 2006 9:57 pm

Layout Details

Designer	talcumpowder
Submitted on	Dec 28, 2005
Page views	7,140
Favorites	8
Comments	4

Distance...

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates