Digital Orgasm Green.Pink

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background Color:ffffff
Trim:000000
Alignment: Middle

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

<img src="http://2nekked.cbstaff.com/lena/do/do1.jpg" width="480" height="598" border="0" alt="" usemap="#do_Map">
<map name="do_Map">
<area shape="rect" alt="astig.net" coords="430,45,470,52" href="http://astig.net">
<area shape="rect" alt="visit the designer" coords="353,45,408,53" href="http://tastethis.raw-intent.net">
<area shape="rect" alt="" coords="441,278,476,285" href="http://xanga.com/logout.asp">
<area shape="rect" alt="" coords="404,278,430,285" href="http://www.xanga.com/private/subscribeto.aspx?user=YOURUSERHERE" target="_blank">
<area shape="rect" alt="" coords="365,278,393,286" href="http://xanga.com/private/subs.aspx">
<area shape="rect" alt="" coords="335,278,360,286" href="http://xanga.com/claf">
<area shape="rect" alt="" coords="284,278,327,286" href="http://xanga.com/private/home.aspx">
<area shape="rect" alt="" coords="240,278,277,286" href="http://xanga.com">
</map>

body {
		background-color: #E5E5E5;
		scrollbar-face-color: #E5E5E5;
		scrollbar-shadow-color: #E5E5E5;
		scrollbar-highlight-color: #E5E5E5;
		scrollbar-3dlight-color: #E5E5E5;
		scrollbar-darkshadow-color: #E5E5E5;
		scrollbar-track-color: #E5E5E5;
		scrollbar-arrow-color: #000000; 
		overflow-x: hidden;}

#rblEprops, 
	#pnlEnabled table, 
	#pnlEprops table { 
		width: 390 !important;
		font-family: tahoma;  
		font-weight:normal;
		font-size:8pt;    
		text-align: justify;
		
		color:#000000;}

strong { 
		color: #000000;
		font-family: tahoma; 
 		
		font-weight:normal;
		font-size:8pt;}

input, 
	select, 
	textarea, 
	iframe.htmleditor, 
	.textfield, 
	.button {
		border: 1px solid #000000;
		font:normal 8pt tahoma; 
		background-color: #ffffff;
		color:#000000;}

texttable.left, 
	td.mainleft, 
	table.left, 
	table.navigation, 
	table.search,
	.leftmoduletitlebar, 
	.leftmoduleborder,
	.leftmoduleinterior, 
	table.footer {
		display: none;}

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

table.announcements {
		width:470;}
	table.navigation {
		display:none;}

P, B, I, TD, TH {
		color:#33CCFF;
		font-family: tahoma;  
		
		font-weight:normal;
		font-size:8pt;    
		text-align: justify;
		
		color: #000000;
                }

.pnlItem {
		font-family: tahoma;  
		
		font-weight:normal;
		font-size:8pt;    
		text-align: left;
		
		color: #000000;
                  width: 300px;}

.smalltext, .cfooter { padding: 0px;
		font-family: terminal;  
		text-transform:uppercase;
		font-weight:normal;
		font-size:8px;    
		text-align: left;
		line-height:9px;
		color: #000000;
		width:470;
		background-color:#DFDFDF;}

table.blogbody {
		font-family: tahoma;  
		
		font-size: 8pt;
		color: #000000;
		
		text-align: justify;
		width:470px;}
	hr {
		display:none;}

a:link { 
		
		color: #FF00C3; 
		
		font-size:8pt;}

a:active {
		
		color: #FF00C3; 
		
		font-size:8pt; }
	a:visited {
		
		
		color: #FF00C3; 
		
		font-size:8pt;}

A:hover {
		
		color: #A4F059; 
		
		font-size:8pt;}

</style>

Layout Code

Copy and paste to Website Stats

Help

.dates {
font-family: terminal;
font-size:8px;
font-weight: normal;
text-transform:uppercase;
width:470px;
text-align:left;
padding-right:7px;
color: #000000;
line-height: 9px;
background-color:#F7F7F7;}
</style>

function formatEntryDate()
{
   // ***** adjust the dateFormatStr below as you see fit
   // ===================================================
   dateFormatStr = '<br><div class="dates">// dddd, mmmm dd, yyyy';
   // ===================================================

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	taste this
Submitted on	Apr 25, 2005
Page views	3,643
Favorites	16
Comments	0

Digital Orgasm Green.Pink

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates