8th & Ocean

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

TO GET THIS LAYOUT

1.]COPY CODES
2.]PASTE IN CARRECT AREAS
3.]SAVE

[EDITED BY MIKE]

� KATIE [ECD & C0]

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><script>document.title=".��`� [ 8TH & OCEAN <3*]";</script>

}
.left B, { font: bold 11px arial; color: "#EF8F8F"; line-height: 16px;} 
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #EF8F8F;

}

I,EM{
font-family:georgia;
text-align:center;
color: EF8F8F;
font-weight:normal;

}

.blogbody u, .standard u,  {
 text-decoration: underline;
 font: regular 11px arial;
 font-weight: regular;
 color: #EF8F8F;
 text-transform: none;

border-bottom: 1pt solid #EF8F8F;
 }

}
/* edits the dates */
div.blogheader, .caption {
 background-image: url();
 background-repeat:repeat;
font-family:arial; 
  font-size:11px; 
  text-transform:uppercase; 
  line-height:16px; 
font-weight:bold;
padding-top: 4px;
padding-bottom: 4px;
letter-spacing:0px;
color: #EF8F8F;
background-color: white;
text-align:center;
border-top: 3px solid #EF8F8F;
border-left: 3px solid #EF8F8F;
border-right: 3px solid #EF8F8F;
border-bottom: 3px solid #EF8F8F
;
text-align: center;
width: 370px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#ffffff;
  text-decoration: none;
text-align:center;
background-color: #EF8F8F;
font:normal 11px terminal;
border: #EF8F8F 1px solid;
font-weight:bold;
 text-transform:uppercase; 
  line-height:16px;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color: #ffffff; 
background-color: #EF8F8F;
  text-decoration: none;
text-align:center;
font:normal 11px terminal;
border: #EF8F8F 1px solid;
font-weight:bold;
 text-transform:uppercase; 
  line-height:16px;
}

a:hover {
/* edits when user mouseovers the links */
 color:#EF8F8F ;
text-decoration: none;
background-color: #ffffff;
font:normal 11px terminal;
border: #EF8F8F 1px solid;
font-weight:bold;
 text-transform:uppercase; 
  line-height:16px;

}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 2px solid #EF8F8F;
  font:normal 11px arial;
  background-color:#ffffff;
  letter-spacing:0px;
  color: #EF8F8F;
  }
table.left { 
/* this edits the menu module */
  border: 2px solid #EF8F8F;
  width:190px;
 background-image: url();
 background-repeat: repeat; 
text-align:center;
background-color:#ffffff;
color: #bbbbbb;

}
table.blogbody {
/* this edits the other the place where the  blog is */
border-top: 3px solid #EF8F8F;
border-left: 3px solid #EF8F8F;
border-right: 3px solid #EF8F8F;
border-bottom: 3px solid #EF8F8F;
 background-image: url();
 background-repeat: no-repeat; 
background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: bottom right;
  background-color: #ffffff;
text-align:center;
width: 370px;
  font:normal 11px arial;
  line-height:16px;
  color: #bbbbbb;

}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
/* h e  a  i  e*/
 background-image: url();
 background-repeat:repeat;
 background-position:center;
  text-transform:uppercase; 
font-family: arial; 
  font-size:11px;  
  line-height:16px; 
font-weight:regular;
padding-top: 4px;
padding-bottom: 4px;
letter-spacing:1px;
color: #EF8F8F;
background-color: white;
text-align:center;
border-top: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 3px solid #EF8F8F;
text-align: center;
  }
table.left TD {
/* on your menu module, this edits the body part of it */
  background-image: none;
  background-color: #ffffff;
 background-image: url();
 background-repeat: repeat; 
text-align:center;
border-top: 3px solid #EF8F8F;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
  font:normal 11px arial;
  line-height:16px;
  color: #bbbbbb;
  }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #ffffff; 
  border: 1px solid #EF8F8F;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 1px solid #EF8F8F;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 500px;
  }
hr {
/* horizontal divider */
  display: none;
  }
</style>
<BODY style="border-bottom: #EF8F8F
2t solid; border-top: #EF8F8F
2t solid; border-left: #EF8F8F
2t solid; border-right: #EF8F8F
2t solid"></TBODY>
<style type="text/css">
table.navigation, table.footer { display:none; }
</style>
<div align="center">
<DIV id=scroll3 style="background-color: #ffffff;filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr= #ffffff,

endColorStr=#EF8F8F); width: 50px; height: 150px;
 background-image: url(''); BORDER-RIGHT: 2px solid #EF8F8F; padding:1px; BORDER-TOP: 2px solid #EF8F8F; OVERFLOW: none; BORDER-LEFT: 2px

solid #EF8F8F; BORDER-BOTTOM: 2px solid #EF8F8F; WIDTH: 567px;HEIGHT:150%;"><FONT style="FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT:

16px; FONT-FAMILY: arial; LETTER-SPACING: 1px; FONT-WEIGHT: normal;">

<a href="http://www.xanga.com">[ <b>XANGA</b> ]</a>

<a href="http://www.xanga.com/private">[ <b>PRIVATE</b> ]</a>

<a href="http://www.xanga.com/EAST_COAST_DESIGNZ">[ <b>CREDITS</b> ]</a> </CENTER></DIV>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 5 of 5 comments

if i had xanga this would be my layout foooorever i cant believe they shut that show down!!

By emmijane on Sep 11, 2008 10:04 am

font's not that great

By tainted-twilight on Nov 13, 2007 6:23 pm

yeah i made the banner in like 2 minutes

By IVIike on Sep 15, 2006 10:06 pm

hmmm..I don't like the banner too much..great colors though = ]

By x0xIlmBx0x on Jun 30, 2006 10:58 am

The beauty in this layout lies in its simplicity. All of the cosed blend together in great harmony. The link's hover effect matches the scroll bar, tables, and background. The colors are not too dramatic, which coincides with the main picture's ov

By sweetabandon on Jun 25, 2006 9:06 am

Layout Details

Designer	IVIike
Submitted on	Jun 22, 2006
Page views	20,187
Favorites	12
Comments	5

8th & Ocean

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates