The Beach

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Replace USERNAME with your 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

//blogringdocument.write
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 11px verdana;
  line-height:10px;
  color:9BDCE4;
  letter-spacing:0px;
  text-align:justify;
  }
  
.blogbody b, .standard b, p b, strong, {
/* edits bolded text in your entry */
  font-weight: bolder;
  color: 9BDCE4;
  }

.blogbody em, .standard em, Em, i, italic  {
/* edits bolded text in your entry */
  font-style: italic;
  font-weight: bold;
  color: 9BDCE4;
  }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
{display: none}
  }

div.blogheader, .caption {
/* edits the dates */
  font-family:tahoma;
  font-size:16px;
  text-transformation:none;
  line-height:normal;
  font-weight:bold;
  color:9BDCE4;
  text-align:justify;
  letter-spacing:1px;
  background-color: transparent;
  background-image: url();
  text-align: center;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:9BDCE4;
  font:normal 11px verdana;
  line-height:10px;
  text-decoration: none;
  }

//blogring.document.write
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:9BDCE4; 
  font:normal 11px verdana;
  line-height:10px;
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  FILTER:progid:DXImageTransform.Microsoft.Pixelate(duration=5, maxSquare=5, enabled=true); HEIGHT:1px;color:a2a2a2; text-decoration:bold;cursor:ne-resize
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border:;
  font:normal 11px verdana;
  background-color: transparent;
  letter-spacing:0px;
  }

table.left { 
/* this edits the menu module */
  border: 1px solid;
  width:160px;
  background-color: transparent;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border:;
  background-color: transparent;
  width:450px;
  text-align:left;
  }

.blogheader {
/* This sets your date's border color */
  border:;
  width: 300px;
  height: 20px;
  }

.blogbody {
/* This sets your weblog content border color */
  border-right:;
  border-bottom:;
  border-left:;
  width: 380px;
  }

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url();
  background-color: transparent;
  font: bold 11px verdana;
  text-transform: uppercase;
  color: red;
  border: dashed;
  }

table.left TD {
/* on your menu module, this edits the body part of it */
  background-image: url();
  background-color: transparent;
  border: dashed;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: transparent; 
  border: 1px solid;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 450px;
  }
hr {
/* horizontal divider */
  border: 1px solid;
  }
  
.mainleft, table.footer, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

</style>

</head>

a:link {color: #3668B5; text-decoration: none; font-weight: none; text-transform: none; font-size: 8pt; border-bottom: none;}
a:active{color: #3668B5; text-transform: none; text-decoration: none; font-weight: none; font-size: 8pt; border-bottom: none;}
a{color: #9BDCE4; text-decoration: none; font-weight: none; text-transform: none; font-size: 8pt; filter: none; border-bottom: none;}
a:visited {color:#3668B5; text-decoration: croe; font-weight: none; text-transform: none; font-size: 8pt; border-bottom: none;}
a:hover {color: #9BDCE4; text-decoration: underline; cursor: crosshair; font-weight: none; letter-spacing: 3pt; font-size: 8pt; text-transform:; height: 1; filter: blur(add="0", direction="90", strength="3");}
</style>

<center><a href="http://www.xanga.com">X</a> //
<a href="http://www.xanga.com/login.aspx">enter</a> //
<a href="http://www.xanga.com/CLAF/default.asp">edit</a> //
<a href="http://www.xanga.com/private">private</a> //
<a href="http://www.xanga.com/profile.aspx?user=USERNAME">all mi</a> //
<a href="http://www.xanga.com/private/subscriptions.aspx">loved ones</a> //
<a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add me</a> //
<a href="http://www.xanga.com/logout.aspx">make a wish</a></center>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 8 of 8 comments

omg..dis is beautiful....can u make one for mypsace plz...prettie..plz....make it eaxctly the same....but jux for myspace...plz...plz...

By promise2return on Feb 19, 2009 10:01 pm

my god that's a pretty picture, but it's much too blurry, and the white background is bad.

By emberfly on Mar 20, 2008 3:50 pm

nevermind, i figured out already...still loving this layout!!! thx alot!

By sam93940 on Sep 2, 2007 6:07 pm

very beautiful layout...i was wondering how to change the blog entry font color...it's too bright...i already changed the main text color but it isn't working...

By sam93940 on Sep 2, 2007 5:56 pm

this is so pretty...i wish it was a myspace layout.

By rachelxD on Jul 7, 2007 11:20 pm

i like how the picture has a sense of depth

By summabreezeofluv on Aug 10, 2006 11:49 pm

OMG This is my favorite of all time-- it's like a dream..

By hunterxhollywood on Jul 17, 2006 8:12 pm

The picture isn't working could you upload the image link again please, & thank-you

By Miyuri on Nov 18, 2005 11:12 pm

Layout Details

Designer	paglie
Submitted on	Apr 9, 2005
Page views	87,044
Favorites	161
Comments	8

The Beach

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates