Free Yourself

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Align page left, 100%
Background Color: #ffffff

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

<div style="position:static; margin-right: 16px; margin-left: 486px; margin-top: -257px; width: 200px; height: 246px; overflow: auto; border=none; background color: none;">
<table border="0" width=170px>
<tr>
<td colspan=2>
<p class="nav">Info.</p>
<tr>
<td>
<b>Name</b>: NAME<br>
<b>Birthday</b>: DATE<br>
<b>Sign</b>: INSERT SIGN<br>
<b>Nationality</b>: NATIONALITY<br>
<b>Likes</b>: INTERESTS BLAH BLAH 
<tr>
<td colspan=2>
<p class="nav">Navigate</p>
<tr>
<td>
+ <a href="http://xanga.com">xanga</a><br>
+ <a href="http://www.xanga.com/private/home.aspx">private</a><br>
+ <a href="http://www.xanga.com/CLAF/">look and feel</a><br>
+ <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME" target="_blank">subscribe</a><br>
+ <a href="http://www.xanga.com/Private/subs.aspx">subscriptions</a><br>
+ <a href="http://www.xanga.com/signin.aspx">sign in</a><br>
+ <a href="http://www.xanga.com/Private/feedback.aspx">feedback</a><br>
<tr>
<td colspan=2>
<p class="nav">Subscriptions</p>
<tr>
<td>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
+ <a href="http://www.xanga.com/USERNAME" target="_blank">USERNAME</a><br>
<tr>
<td colspan=2>
<p class="nav">Credits</p>
<tr>
<td>
<a href="http://www.xanga.com/Mooka009"><img src=http://images.cbimg3.com/xanga/10/2384a.jpg border="0"></a>
</td>
</tr>
</table>
</div>

table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}

body {
background: #ffffff url("http://images.cbimg3.com/xanga/10/2384b.jpg");
background-attachment: no-fixed;
background-position: TOP LEFT; 
background-repeat:repeat-y;
scrollbar-arrow-color: #462544;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #462544;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #dddddd;
scrollbar-darkshadow-color: #954380;
scrollbar-3dlight-color: #954380; 
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 11px Trebuchet MS;
line-height: 12px;
color: #954380;
letter-spacing:0px;
text-align:justify;
}
div {
filter:chroma(color=#ffffff); /* here you are defining which color you want to be transparent in your scrollbars */
scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #ffffff; /* transparent */
scrollbar-3dlight-color: #ffffff; /* transparent */
scrollbar-darkshadow-color: #ffffff; /* transparent */
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff; /* transparent */
}
p.nav {
/* edits the menu modules */
width: 170px;
background-color: none;
font-family: Times New Roman;
text-transform: lowercase;
font-size: 12px;
line-height:13px;
font-weight:bold;
border-top: 2px #D8AFD0 solid;
border-bottom: 2px #E8CEE2 solid;
color:#462544;
letter-spacing: 0px;
text-align: right;
}
#pnlEprops, #rblEprops {display: none}
#pnlEnabled table, #lblTimeZone, #pnlEprops, #rblEprops, #htmleditor {
width: 370px;
padding: 0px;
}
table.header, table.main, table.footer, table.navigation{
/* edit width */
width: 370px;
}
div.blogheader, .caption {
/* edits the dates */
width: 
370px;
background-color: transparent;
font-family: Times New Roman;
font-size: 12px;
line-height:13px;
font-weight:bold;
color:#462544;
letter-spacing:0px;
text-transform: lowercase;
text-align: right;
border-top: 2px #D8AFD0 solid;
border-bottom: 2px #E8CEE2 solid;
}
table.navigation, table.footer {display: none;}
table.blogbody {
/* this edits the other the place where the  blog is */
background: transparent;
width: 370px;
border: none;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color: #954380;
font: 11px Trebuchet MS;
line-height:11px;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #954380; 
font: 11px Trebuchet MS;
line-height:11px;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color:#ED6AC3;
font: 11px Trebuchet MS;
line-height:11px;
cursor: crosshair;
text-decoration: none;
}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #ED6AC3;
font: normal 10px Trebuchet MS;
background-color: transparent;
color:#954380;
letter-spacing:0px;
}

hr {
/* horizontal divider */
display: none;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: none; 
border: 0px solid #954380;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #954380;
  }
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: right;
  padding-bottom: 7px;
}

b, strong {color: #D954A5; font-weight:bold;}
i, strong {color: #462544 font-weight: none;}
</style>

Layout Code

Copy and paste to Website Stats

Help

Layout Comments

Showing latest 9 of 9 comments

Not Bad.

By riceypuccapocky on Jun 30, 2005 11:35 pm

looks really good

By inhoni on Jun 28, 2005 10:58 pm

Very pretty!

By funny_chickens on Jun 28, 2005 8:22 pm

wow! b-e-a-uuutiful.

By sunniedayz on Jun 27, 2005 2:27 pm

Wow, I love it! The flowers are so pretty, and the images are clear and have good quality. I like the mini scrollbar you added to the right of the blog where the info, navigation, credits, etc. go.I also liked how you added a song URL, it adds a very

By emazing on Jun 27, 2005 1:53 pm

wow. that is very nice. the pictures you used are great. x]

By heyyfrankie on Jun 27, 2005 10:43 am

d^^ REALLY Nice. I like it. It looks so...mystical?

By its_annah on Jun 27, 2005 3:49 am

Really nice, please make the music code in a code box! I think the scrolling on the right side of your layout looks kind of odd, but it's all cool!!!Nice job!!!

By iiCECREAMxC0NE on Jun 26, 2005 11:18 pm

You know whats nice ? put the music code in a code box. =]awesome.pinkish.realistic. um .. 10/10

By demolished on Jun 26, 2005 8:07 pm

Layout Details

Designer	feferity
Submitted on	Jun 24, 2005
Page views	31,898
Favorites	72
Comments	9

Free Yourself

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates