Sophistication

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

Best viewed in FIREFOX (it's aligned and fine in IE except for the fact that the text may not show in 6&7 due to glitches with the z-index) 1024x768.

Width: 100
Alignment: Left

Credits: echoica.net, 44suburbia.org

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

<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 style="position: absolute; width: 600px; height: 800px; margin-left: -8px; margin-top: -12px; z-index: 0;">
<MAP NAME="ban">
<AREA SHAPE=rect COORDS="378,745,400,736" HREF="http://xanga.com/claf" ALT="claf.">
<AREA SHAPE=rect COORDS="378,752,420,745" HREF="http://www.xanga.com/Private/editaccount.aspx" ALT="account.">
<AREA SHAPE=rect COORDS="378,761,415,754" HREF="http://photo.xanga.com/photomanager.aspx" ALT="photos.">
<AREA SHAPE=rect COORDS="378,790,430,783" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME" ALT="subscribe.">
<AREA SHAPE=rect COORDS="378,771,424,763" HREF="http://www.xanga.com/private/Archives.aspx" ALT="archives.">
<AREA SHAPE=rect COORDS="378,780,429,773" HREF="http://www.xanga.com/Private/messagebox.aspx" ALT="messages.">
<img usemap="#ban" src="http://layouts.cbimg9.com/29/14731c.jpg" border=0 galleryimg="no">
</MAP>

<script language=javascript>document.title="Sophistication"</script>

<style type="text/css">
/* Sophistication by alluringdejection */
body {
  background-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #EF96F0;
  scrollbar-shadow-color: #27FF64;
  scrollbar-face-color: #27FF64;
  scrollbar-highlight-color: #27FF64;
  scrollbar-darkshadow-color: #27FF64;
  scrollbar-3dlight-color: #27FF64;
  cursor: crosshair;
  overflow-x: hidden;
background-image:url(http://layouts.cbimg9.com/29/14731d.gif);
  background-attachment: top left;
  background-repeat: repeat-y;
}
table {
background-image:url(http://layouts.cbimg9.com/29/14731e.gif);
  background-attachment: top left;
  background-repeat: repeat-y;
  }
hr, table.footer TD, table.left, td.mainleft,
table.navigation, table.search,
#SearchBar1_pnlYouAreHere {
display: none;
}
td, p {
  font-family: trebuchet ms;
  font-size: 9x;
  color: #FFFFFF;
  align: justify;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { 
  width: auto !important;
}
.smalltext {
  text-align: center;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
  border: 1px dashed #EF96F0;
  font-family: Trebuchet MS;
  font-size: 9px;
  font-color: #27FF64;
}
table.blogbody {
   background-color: transparent;
   font-family: Trebuchet MS;
   font-size: 9px;
   text-align: justify;
   width: 350px;
}
itemTitle {
  font-family: Trebuchet MS;
  font-size: 9px;
}
table.blogbody tr td { 
  width: 0px; 
  padding-left: 0px;
} 
div.blogheader, .caption {
  font-family: georgia;
  text-transform: none;
  font-size: 15pt;
  font-weight: bold;
  color: #EF96F0;
  text-align: center;
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 2px #27FF64 dashed;
}
a:link, a:active, a:visited {
  font-family: Trebuchet MS;
  font-weight: none;
  font-size: 9px;
  text-transform: none;
  color: #27FF64;
}
a:hover {
  font-family: Trebuchet MS;
  font-weight: none;
  font-size: 9px;
  text-transform: none;
  color: #EF96F0;
  cursor: crosshair;
}
#blog {
  width: 360px;
  position: relative;
  overflow-y: auto;
  margin-top: -100px!important;
  margin-left: 5px!important;
  z-index: 1;
}
</style>

<table width="600" height="100%" cellpadding="0" cellspacing="0" border=0>
<td id="body" valign="top">
<div id="blog">

Layout Code

Copy and paste to Website Stats

Layout Comments

Showing latest 6 of 6 comments

wow very nice! i love the colours =)

By 0nadia0 on Jul 6, 2007 12:20 am

i really like the header except for the green it's too bright for me

By IVIike on May 11, 2007 2:11 pm

Those are great images you used, and the colors are very eyecatching. ^^

By tokyo-rose on Nov 3, 2006 10:15 pm

It looks fabulous at the top, but when I scroll down, the right seems far too empty.

By gelionie on Oct 8, 2006 11:41 am

I agree, its still nice looking though, I like the colors!

By Anna Banana =} on Oct 3, 2006 12:37 pm

Nicely done deary, although it doesn't look the same on my resolution as it does in the screen shot, instead of it being on the left side its more like in the middle on my resolution. -shrugs- Looks nice though.

By Insurmountable on Sep 30, 2006 1:33 am

Layout Details

Designer	Kathleen
Submitted on	Sep 29, 2006
Page views	15,453
Favorites	13
Comments	6

Layout Tags

, sophistication, germany, manly model

Layout Tools

Layout Affiliates

Here I Stand Layouts