Birds on Wires

Xanga Layouts / Basic

View preview

Designer's Comments

Look carefully for specific instructions

Compatible in IE only (a few pixels off in Firefox).
Replace USERNAME with your own 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

<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://img214.imageshack.us/img214/9803/birdsonwiresv1wn1.gif " width="317" height="595" border="0" alt="" usemap="#Birds_on_Wires_V1_Map">
<map name="Birds_on_Wires_V1_Map">
<area shape="rect" alt="" coords="253,344,309,356" href="http://xanga.com/wonders79">
<area shape="rect" alt="" coords="218,344,253,356" href="http://www.xanga.com/logout.aspx ">
<area shape="rect" alt="" coords="171,344,218,357" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">
<area shape="rect" alt="" coords="143,344,171,354" href="http://xanga.com/home">
<area shape="rect" alt="" coords="104,344,138,355" href="http://xanga.com/private">
<area shape="rect" alt="" coords="84,344,104,355" href="http://xanga.com/claf">
</map>

<style type="text/css">
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, hr, table.footer TD {display: none;}
body {
background-color: #CFEFFF;
background-image: url("none"); 
background-repeat: no-repeat; 
background-position: center center;
scrollbar-arrow-color: #92AAC3;
scrollbar-track-color: none;
scrollbar-shadow-color: none;
scrollbar-face-color: #BF55A2;
scrollbar-highlight-color: none;
scrollbar-darkshadow-color: none;
scrollbar-3dlight-color: none;
cursor:crosshair; 
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 8PT ARIAL;
color:# 000000;
letter-spacing:0px;
text-align: justify;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font: 8PT ARIAL;
font-weight: NORMAL;
color: #BF55A2;
}
.blogbody u, .standard u, p u, u {
text-decoration: underline;
border: 0px solid #3899CB;
border-width: 0px;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align:center;
}
.navheader {
width:275px;
background-color:#transparent;
font-family:ARIAL;
text-transform:uppercase;
font-size:8pt;
line-height:8pt;
font-weight:normal;
color:# 000000;
letter-spacing:-2px;
text-align: center;
}
.module { 
width: 192px;
font: normal 8PT ARIAL;
color: #000000;
background-color: none;
border: #ffffff 0px solid;
text-align: justify;
}
div.blogheader, .caption {
/* edits the dates */
font-family: ARIAL;
text-transform: uppercase;
font-size: 13PT;
line-height:normal;
font-weight: bold;
color: #BF55A2;
text-align:center;
width:275px;
}
.blogbody {
background-color: transparent;
width:275px;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*EX edits all links  */
  color:#000000;
  text-decoration: none;
  text-transform: lowercase;
  font: 8PT ARIAL;
}
a:visited, a.footernav:visited,  {
/*EX edits the links that the user has visited */
  color:# 6C8F9B; 
  text-decoration: none;
  text-transform: lowercase;
  font: 8PT ARIAL;
}
a:hover {
/* edits when user mouseovers the links */
 color:# 319EC5;
 font:normal 8PT ARIAL;
 text-transform: lowercase;
 background-color: none;
 text-decoration: none;
 letter-spacing:0px;
 }
b, strong{
color: # BF55A2;
text-spacing: 1px;
letter-spacing: 1px;
}
i, em{
color: # BF55A2;
letter-spacing: .5pt;
text-spacing: .5pt;
}
u{
color: # BF55A2;
border-bottom: 0px #FFFFFF;
}
table.blogbody {
/* this edits the other the place where the  blog is */
background: #transparent;
width: 275px;
border: none;
}
#pnlEnabled table, #htmleditor, #lblTimeZone{
width: 275px;
}
.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 275px;
}
input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #000000 ;
 font:normal 8PT ARIAL;
 color: #000000;
 background-color: ffffff;
 letter-spacing:0px;
}
table.left { 
/* this edits the menu module */
 border: 1px solid #000000;
font-weight: normal;
 width:275px;
  background-color: FFFFFF;
 }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font-family: ARIAL;
text-transform: lowercase;
font-size:8pt;
font-weight: normal;
letter-spacing: 0px;
color: #000000;
background-color:#ffffff;
text-align: center;
border: 0px solid #000000;
border-bottom: 0px solid 000000;
 }
table.left TD {
/* on your menu module, this edits the body part of it */
 background-color: ffffff;
border:  1px solid #000000;
border-top: 3px solid #000000;
color: 000000;
 }
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 0px solid #FFFFFF;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #FFFFFFF;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 2px;
}
table.blogbody div.smalltext{
/* this edits the blog entry footer */
text-align: center;
padding-bottom: 0px;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 245px;
}
</style>

<div style="overflow: auto; width: 300px; height: 214px; margin-top: -233px; margin-left:-5px;">

Layout Comments

Showing latest 9 of 9 comments

very simple and stylish

By hypnotique on Jan 14, 2007 12:22 pm

beautiful. i love it. it seems so poetic, and the colors are awesome.

By cmoore215 on Jan 12, 2007 12:50 am

this layout is ver very stylish i love it

By IVIike on Jan 7, 2007 4:29 pm

Simply nice.

By gelionie on Dec 31, 2006 7:43 am

I like the retro look you added to it. Nice job.

By showstopper! on Dec 31, 2006 3:48 am

its cute and simple.

By banhbao on Dec 27, 2006 1:36 pm

I like it too! Reminds me of 'Black Bird'.

By TheFancifulUnicorn on Dec 27, 2006 1:09 pm

This is very cute. :) Great job!

By superstitious on Dec 26, 2006 6:46 pm

dude, this is so awesome

By KissMe2408 on Dec 26, 2006 6:05 pm

Layout Details

Designer	salcha4u
Submitted on	Dec 26, 2006
Page views	13,209
Favorites	21
Comments	9

Layout Tags

, birds, wires, nature

Layout Tools

Layout Affiliates

Here I Stand Layouts