The Beatles

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Background Color: White
Screen Width: Full

Change "yourusername" to your xanga user name

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

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><div align=center><div style="width: 800px; BACKGROUND color: #FFFFFF; repeat:

no-repeat;;height: 100%px;padding-left: 10px;padding-right: 0px; padding-top:30
px;position:static;margin-top:-41px;margin-right:11pt"><IMG SRC="http://images.cbstaff.com/xanga/02/0470_img.jpg" USEMAP="#beatles01" BORDER=0>
<MAP NAME="beatles01">
  <AREA SHAPE=POLY COORDS="156,36,168,62,219,26,212,10,185,15,173,19,165,26,162,31,158,36,157,40,160,41,160,45,169,60,168,60" HREF="http://www.xanga.com/signin.aspx"  ALT="Sign In" OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='signin'; return true">
  <AREA SHAPE=POLY COORDS="180,85,185,99,196,106,217,108,225,108,227,125,221,127,194,127,179,123,167,109,158,85,181,87" HREF="http://www.xanga.com/logoff.aspx"  ALT="Log Off" OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='logoff'; return true">
  <AREA SHAPE=POLY COORDS="261,53,270,70,285,66,297,71,306,76,316,59,313,55,301,48,288,43,279,47,263,55" HREF="http://www.xanga.com/CLAF/default.asp" ALT="Edit Look and Feel" OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Edit Look and Feel'; return true">
  <AREA SHAPE=POLY COORDS="245,121,251,131,262,140,274,146,286,146,288,155,287,163,275,164,250,159,241,151,234,140,232,126,248,124" HREF="http://www.xanga.com/Private/subs.aspx"  ALT="Your Subscriptions" OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Subs';return true">
  <AREA SHAPE=POLY COORDS="329,43,334,54,349,49,362,46,373,48,387,55,394,58,396,41,384,34,370,32,357,32,347,35,336,38,329,44" HREF="http://www.xanga.com" ALT="Xanga"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='XANGA'; return true">
  <AREA SHAPE=POLY COORDS="350,125,343,145,362,149,385,146,401,135,418,115,404,104,390,116,381,124,368,128,351,128,350,128" HREF="http://www.xanga.com/profile.aspx?user=yourusername"  ALT="View User Profile"  OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Profile'; return true">
  <AREA SHAPE=POLY COORDS="414,68,424,83,438,92,454,97,472,89,478,112,448,121,423,113,408,98,399,78,416,72" HREF="http://www.xanga.com/private/home.aspx"  ALT="Private Xanga" OnMouseOut="window.status=''; return true"  OnMouseOver="window.status='Private'; return true">
  <AREA SHAPE=POLY COORDS="418,11,427,27,451,23,467,32,489,46,501,56,509,48,498,27,485,15,466,5,451,3,431,6,417,12,417,15" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=yourusername" ALT="Subscribe to Me!"  OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Subscribe'; return true">
  <AREA SHAPE=RECT COORDS="332,1,406,26" HREF="http://www.xanga.com/OhKissIt"  ALT="The Designer"  OnMouseOut="window.status=''; return true" OnMouseOver="window.status='The Designers Xanga'; return true">
</MAP>
<div style="width: 0px;
BACKGROUND-COLOR:none; background-image: url(); background-attachment: fixed; repeat:

no-repeat;
border: none;
height: 01%; 
padding-left: 440px; 
padding-right: 2px; 
padding-top: 160px;
position:static; margin-top:-555px"><div align=left><div style="background:transparent;

border=0px solid tranparent; width:356px; height:348px; BACKGROUND:#FFFFFFFFF; FILTER:

alpha(opacity=85); overflow:auto;scrollbar-arrow-color: #ffffff;
 scrollbar-track-color: #FFFFFF;
 scrollbar-shadow-color: #B6B5B7;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #ffffff;
 scrollbar-darkshadow-color: #B6B5B7;
 scrollbar-3dlight-color: #FFFFFF;
 }
">
<style type="text/css">
/*The Beatles*/
/* by Stacey (xanga.com/Staschwa) */
/* http://createblog.com */
body {
 background-color: #FFFFFF;
 scrollbar-arrow-color: #ffffff;
 scrollbar-track-color: #ffffff;
 scrollbar-shadow-color: #B6B5B7;
 scrollbar-face-color: #000000;
 scrollbar-highlight-color: #ffffff;
 scrollbar-darkshadow-color: #B6B5B7;
 scrollbar-3dlight-color: #FFFFFF;
 }
div.blogheader, .caption {
background-image:

url(http://img9.photobucket.com/albums/v24/OhKissIt/Graphics/rainbownotes2.gif);
background-repeat:repeat;
background-position: bottom-left;
font-family: Arial;
text-transform:none;
font-size:18px;
line-height:25px;
font-weight:normal;
color:#000000;
width: 330px;
letter-spacing:-2px;
background-color:#FFFFFF;
text-align:center;
border-right:1px solid #B6B5B7;
border-left:1px solid #B6B5B7;
border-top:1px solid #B6B5B7;
border-bottom:none;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
 font-weight: bold;
 color: #B6B5B7;
 }

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #B6B5B7;
font:normal 12px trebuchet ms;
background-color: tranparent;
font-color:#FFFFFF;
       }
table.navigation, table.footer {display: none;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: center;
 }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
 background-image: url();
 background-color:none;
 color: #000000;
 font: bold 10pt Arial;
 text-transform: none;
 text-align:center;
border-bottom: #000000 1px solid;
border-top: none;
border-right: none;
border-left: none;}

table.left { 
/* this edits the menu module */
width:180px;
color:000000;
background-color:ffffff;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: none;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid

}

font,td,p,xmp{color:#000000;
font-face: Arial;
font-weight:normal;
font-size:9pt;
line-height:10pt;
text-align:justify;}

table.blogbody tr td { 
/* this edits the left margin of blog */ 
 width:0px; 
 padding-left: 0px;
 } 
table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
BORDER-RIGHT: #B6B5B7 1px solid;
BORDER-TOP:#B6B5B7 1px solid;
BORDER-LEFT:#B6B5B7 1px solid;
BORDER-BOTTOM:#B6B5B7 1px solid 
family-font: arial;
width:330px;}

table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 330px;
}

.#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: 330px;
}

#htmleditor {
border : 1x solid #B6B5B7;
}

a:link{line-height: 9pt; font-family: arial;font-weight:normal; color:#5A6A7C;

text-transform:none;font-size:9pt; cursor:crosshair}
a:active{font-family: trebuchet ms; color:#6D8EB4; text-transform:none;font-size:9pt;

cursor:crosshair;}
a:visited{font-family: trebuchet ms; color:#5A6A7C;

text-transform:none;text-decoration:strikeout;font-size:9pt;cursor:crosshair;}
A:hover {font-family:tahoma;color:#000000;text-transform: uppercase; cursor:crosshair;

font-weight:bold;font-size:8pt}</style>

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<style type='text/css'>
.mainleft { display:none; }
</style>

Layout Comments

Showing latest 5 of 5 comments

dang. this IS amazing.
awesome. serious skills. (:

By aaayotiffany on Mar 12, 2008 3:01 pm

This is AMAZING! Could you possibly make one for myspace? [:

By jennywren on Nov 18, 2007 12:53 pm

Amazing. Must have taken you so long! I wish I could do stuff like this.

By PuppyLove72 on Jul 24, 2007 1:48 am

this is such a cool layout! could you make one for myspace?

By molmacmet on Feb 27, 2007 2:41 pm

Oh, I love it!!!!

By fizzingwhizbee on Jun 22, 2005 5:45 pm

Layout Details

Designer	Staschwa
Submitted on	Apr 19, 2005
Page views	11,178
Favorites	25
Comments	5

The Beatles

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates