Modern Drive

Designer's Comments

Look carefully for specific instructions

CAUTION: Adding or deleting custom modules may cause the blogbody to moves up and down. Adjust the BLOGBODY MARGIN (margin-top) to fit your style. NO DIRECT LINKING.

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

body {
background-color: #FFFFFF;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-darkshadow-color:#302F30; 
scrollbar-track-color:#FFFFFF; 
scrollbar-face-color:#302F30; 
scrollbar-shadow-color:#302F30; 
scrollbar-highlight-color:#302F30; 
scrollbar-3d-light-color:#302F30; 
background-postion: left center; 
overflow-x: hidden; }

.mainleft {
/* edits the main blog */
width: 450px;
padding: 1px;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font-family: terminal;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
line-height: 12px;
color:#302F30;
letter-spacing:0px;
text-align: justify;
}

div.blogheader, .caption {
background-image: url(http://www.geocities.com/ttrriunch/xanga/mod_header.gif);
background-repeat: no-repeat;
background-position: left center;
width: 310px;
height: 35px;
line-height: 11px;
font-family: terminal;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
color: #6F4040;
text-align: center;
border: 0px solid #6F4040;
padding-top: 15px; 
padding-left: 26px;
}

p.nav {
/* edits the menu modules */
width: 170px;
height: 35px;
line-height: 12px;
font-family: terminal;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color:#6F4040;
letter-spacing: 1px;
text-align: left;
border-bottom: 3px solid #6F4040;
padding-top: 15px;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #6F4040;
font-family: terminal;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;}

a:visited, a.footernav:visited  {
color: #6F4040; 
font-family: terminal;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
}

a:hover {
color: #5F5860; 
font-family: terminal;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px dashed #5F5860;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
border: 1px solid #6F4040;
font-family: terminal;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
line-height: 12px;
background-color: transparent;
color: #6F4040;
letter-spacing:0px;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#6F4040,endColorStr=#FFFFFF);
}

table.blogbody {
background: transparent;
width: 310px;
border: 0px solid #302F30;
}
table.search TD, table.search, table.announcements {
background-color: none; 
border: 0px solid #302F30;
}
table.blogbody tr td {
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
text-align: left;
padding-bottom: 7px;
}
table.footer {display: none;} 
.mainleft {
width: 0px;
padding: 1px;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: left;
 }
#htmleditor {
height: 125;
border : 2x solid #3F276F;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
width: 300px;
}
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest making it the same width as the blogbody*/
{width: 300px;
}
b, strong, i, u {
/* edit colors when bold italic underline */
font-family: courier new, courier;
font-weight: bold;
color: #000000;
font-size: 11px;
text-transform: uppercase; }

hr {
/* horizontal divider RESTEAL*/
border: 1px solid #302F30;
width: 310px;
</style>

<div style="position:static; margin-left: 15px; margin-top: -70px; border: 0px solid #000000; width: 170px; height: 100%px; background: none;">
<table border="0" width=100%>
<tr>
<td colspan=2>
<p class=nav>Profile</p>
<tr>
<td colspan=2>
<B>Name:</B> ######<br />
<B>Age:</B> ######<br />
<B>Birthdate:</B> ######<br />
<B>Gender:</B> ######<br />
<B>Sign:</B> ######<br />
<tr>
<td colspan=2>
<p class="nav">Xanga</p>
<tr>
<td>
<A href="http://www.xanga.com/signin.asp">Sign In</A><br>
<A href="http://www.xanga.com/moorepocket">Refresh</A><br />
<A href="http://www.xanga.com/profile.asp?user=USERNAME">Profile</A><br />
<A href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">Subscribe</A><br />
<A href="http://www.xanga.com/guestbook.asp?user=USERNAME">Guestbook</A></td>
<td>
<A href="http://www.xanga.com/private/home.aspx">Private</A><br />
<A href="http://www.xanga.com/CLAF/default.asp">CLAF</A><br />
<A href="http://www.xanga.com/private/subscriptions.aspx">SIR</A><br />
<A href="http://www.xanga.com/private/feedback.asp">Feedback</A><br />
<A href="http://www.xanga.com/logout.asp">Log out</A>

<tr>
<td colspan=2>
<p class="nav">Subscriptions</p>
<tr>
<td>
<a href="http://www.xanga.com/LINK">LINK</a><br />
<a href="http://www.xanga.com/LINK">LINK</a><br />
<a href="http://www.xanga.com/LINK">LINK</a><br />
<a href="http://www.xanga.com/LINK">LINK</a><br />
<td>
<a href="http://www.xanga.com/LINK">LINK</a><br />
<a href="http://www.xanga.com/LINK">LINK</a><br />
<a href="http://www.xanga.com/LINK">LINK</a><br />
<a href="http://www.xanga.com/LINK">LINK</a><br />
<tr>
<td colspan=2>
<p class="nav">Blogrings</p>
<tr>
<td>
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 1</a><br />
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 2</a><br />
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 3</a><br />
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 4</a><br />
<td>
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 5</a><br />
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 6</a><br />
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 7</a><br />
<a href="http://www.xanga.com/groups/group.aspx?id=######">Ring 8</a>
<tr>
<td colspan=2>
<p class="nav">Credits</p>
<tr>
<td colspan=2>
<left><i>Designed and ?by </i><a href="http://www.xanga.com/moorepocket" target="_new">Mooorepocket</a><BR>
<i>Brushes from </i><a href="http://aethereality.net/brushes.php" target="_new">Aethereality</a><BR>
<i>Additional codes from </i><a href="http://www.createblog.com" target="_new">Createblog</a><BR></left>
</td>
</tr>
</table>

</div>
<div style="position: absolute; width: 315px; BACKGROUND: transparent; repeat: no-repeat; border: solid 0px #EFE8FF; height: 100%px; padding-left: 0px; padding-right: 0px; padding-top:0px; margin-top: -800px; margin-left: 195px">

Layout Code

Copy and paste to Website Stats

Help

function formatEntryDate()
{
    // ***** adjust the dateFormatStr below as you see fit
    // ===================================================
    dateFormatStr = '// mm.dd.yy';
    // ===================================================

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

No comments yet. Be the first one to comment!

Layout Details

Designer	moorepocket
Submitted on	Apr 22, 2005
Page views	7,122
Favorites	1
Comments	0

Modern Drive

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates