Envy

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

change your YOURNAME to your own screen 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

<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><IMG SRC="http://images.cbimg4.com/xanga/15/3586.jpg" WIDTH=603 HEIGHT=363 BORDER=0 ALT="" USEMAP="#envy_Map">
<MAP NAME="envy_Map">
<AREA SHAPE="rect" ALT="" COORDS="381,315,589,358" HREF="http://www.xanga.com/metro_skins">
</MAP>

<style type=text/css>
table.blogbody tr td {
width:0px; 
padding: 0px;
}
/* edit to your liking */
table.module {
width:150px; 
border: none;
background-color:ffffff; 
}
table.module th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family:Arial;
font-size: 8pt;
line-height:8px;
font-weight:bold;
color:#ffffff;
letter-spacing:0px;
text-align: right;
background-color: 40E0D0;
border: none;
text-transform: uppercase;
}
table.module td {
font-family: Arial;
font-weight:normal;   
text-align: left;
font-size: 8pt;
line-height:8pt;
color: 000000;
border: none; 
}
</style>

<table border=0 width="150"><tr><td valign="top" width="200">
<table border="1" cellspacing="0" cellpadding="1" width="100%" class="module"><tr><th valign="top" align="left" class="module">My Profile</th></tr><tr><td valign="top" class="module"> 
<img src="http://img276.imageshack.us/img276/8789/propic6ay.gif" border="0"/><br>
<b>name:</b> NAME<br>
<b>age:</b> AGE<br>
<b>birthday:</b> YOUR BDAY<br>
<b>aim:</b> <a href="aim:goim?screenname=YOURSN&message=Hello!!">YOURSN</a>
<br>
</td></tr></table><br>
<table border="1" cellspacing="0" cellpadding="1" width="100%" class="module"><tr><th valign="top" align="left" class="module">Navigation</th></tr><tr><td valign="top" class="module"> 
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/private">Private</a><br>
<a href="http://www.xanga.com/claf">Look&Feel</a><br>
<a href="http://www.xanga.com/private/subscribeto.aspx?user=YOURNAME">Add me</a><br>
<a href="http://www.xanga.com/private/subs.aspx">Friends</a><br>
<a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br>
<a href="http://www.xanga.com/guestbook.aspx?user=YOURNAME">Guestbook</a><br>
<a href="http://www.xanga.com/signin.aspx">Sign In</a><br>
<a href="http://www.xanga.com/logout.aspx">Log out</a>
</td></tr></table><br>
</td><td width="200" valign="top" align="left">
<style type="text/css">
body {
  background-image: url();
  background-position: top left;
  background-repeat: none;
  background-attachment: fixed;
  background-repeat: none;
  background-color: #ffffff;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-face-color: #9ACD32;
  scrollbar-highlight-color: #ffffff;
  scrollbar-darkshadow-color: ffffff;
  scrollbar-3dlight-color: ffffff; 
  }
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, body, {
/* edits main text */
  font-family: Arial;
  font-size: 8pt;
  line-height: 9px;
  color:000000;
  letter-spacing:0px;
  text-align:justify;
  }
div.blogheader, .caption { 
/* edits the dates */ 
width:420px; 
font-family:arial; 
text-transform:uppercase; 
font-size: 8pt; 
line-height:10px; 
padding: 0px; 
font-weight:bold; 
color:#FFFFFF; 
letter-spacing:0px; 
background-color: #40E0D0; 
text-align: right; 
} 
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: left;
  }
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 0px solid #transparent;
 font-family: Arial;
 font-size: 8pt;
 line-height: 9px;
 color: #000000;
 background-color: #transparent;
 letter-spacing:0px;
 }
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color:#9ACD32; 
  font-family: Arial;
  font-size: 8pt;
  line-height: 9px;
  font-weight:normal;
  text-decoration: none;
  }
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#9ACD32; 
  font-family: Arial;
  font-size: 8pt;
  font-weight:normal;
  line-height: 9px;
  text-decoration: none;
  }
a:hover {
/* edits when user mouseovers the links */
  color:#999999;
  font-family: Arial;
  font-size: 8pt;
  font-weight:normal;
  line-height: 9px;
  text-decoration: none;
  }
input, select, textarea, .textfield, .button { 
/* this edits the buttons, dropdowns, etc. */ 
border: 1px solid #9ACD32; 
font:normal 8pt arial; 
color: 000000; 
line-height:10px; 
text-transform:none; 
background-color: #FFFFFF; 
letter-spacing:0px; 
} 
table.blogbody { 
/* this edits the other the place where the blog is */ 
border: 0px; 
background-color: #FFFFFF; 
width:420px; 
} 
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest miking it the same width as the blogbody*/
{width: 400px;
}
table.search TD, table.search, table.announcements { 
/* border of search bar (if you have it) */ 
background-color: #FFFFFF; 
border: 2px dotted #9ACD329ACD32; 
} 
table.search TD, table.announcements TH { 
/* this should be left alone */ 
/* unless you know what to do */ 
border: 0px solid #c0c0c0; 
} 
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 350px;
  }
table.navigation, table.footer {
  background-color:#transparent;
  border: 0px solid transparent;
  display: none
  }
hr {
/* horizontal divider */
  border: 1px solid #ffffff;
  display:none;
  }
table.blogbody tr td {
/* this edits the left margin of blog */
  width:0px;
  padding: 0px;
  }
table.blogbody div.smalltext{
/* this edits the blog entry footer */
  text-align: left;
  }
hr {
 display: none;
 } 
.table.footer,table.navigation {display: none;
}
td.mainleft { display:none }
table.left { display:none }
table.footer { display:none }
.leftmoduletitlebar { display:none }
.leftmoduleborder { display:none }
table.navigation { display:none }
</style>
<style type="text/css">
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
 font-weight: bold;
 color: #9ACD32;
 }
</style>
<style type="text/css">
.blogbody i, .standard i, p i, em {
 font-weight: italic;
 color: #9ACD32;}
</style>

Layout Comments

Showing latest 10 of 11 comments

Oooo, this is neat.
great style.
great layout.
i really love it.

By PINKLollyPOP on Sep 27, 2007 1:57 pm

yeah i agree with loverly.. but really.. did u? 0_=

By xcorphz on Aug 2, 2007 12:33 pm

this is really nice..did you name it envy cuz its green & yennoe that phrase "green with envy" hehe just wondering..but good job =]

By 2L0VERLY on Sep 22, 2005 1:23 am

This is nice.

By +eye`candii+ on Sep 22, 2005 1:19 am

wow all your layouts are amazing <3

By YaWeaveIzOnFiyah on Aug 6, 2005 1:20 am

wow all your layouts are amazing <3

By YaWeaveIzOnFiyah on Aug 6, 2005 1:20 am

me like this layout

By summabreezeofluv on Aug 5, 2005 9:46 pm

I looove the colors! It looks great :D

By b0st0ngrl on Aug 4, 2005 10:34 pm

i like the rounded edges of the header.. its a small thing to point out but it looks so much better rounded than pointedgood call

By turbulent on Aug 4, 2005 10:31 pm

that is flippin sweet. love the color scheme ^_^

By uglyduckie89 on Aug 3, 2005 11:43 am

View all »

Layout Details

Designer	xblu_azn_raverx
Submitted on	Aug 2, 2005
Page views	25,692
Favorites	16
Comments	11

Layout Tags

, christina milian, envy, chic, retro, girl, model, singer, green, turquoise

Layout Tools

Layout Affiliates

Here I Stand Layouts