Nature's Finest

Xanga Layouts / Basic

Designer's Comments

Look carefully for specific instructions

Set:

Width: 100% or 0
Align: center

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

</TR>
	<TR>
		<TD>
			<IMG SRC="http://layouts.cbimg9.com/29/14602d.jpg" WIDTH=700 HEIGHT=208></TD>
	</TR>
</TABLE>

<p class="header">Profile</p>
<B>Name:</B> Ryan<br />
<B>Age:</B> 17<br />
<B>Birthdate:</B> Oct. 24<br />
<B>Gender:</B> Male<br />
<B>Sign:</B> Scropio<br />

<p class="header">Navigation</p>
<a href="http://www.xanga.com/signin.asp">Sign In</a><br>
<a href="http://www.xanga.com">Xanga</a><br>
<a href="http://www.xanga.com/private/home.aspx">Private</a><br>

<a href="http://xanga.com/private/feedback.aspx">Feedback</a><br>
<a href="http://xanga.com/private/subscriptions.aspx">Dailes</a><br>
<a href="http://www.xanga.com/profile.aspx?user=MOOREPOCKET">Profile</a><br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=moorepocket">Add Me</a><br>
<a href="http://www.xanga.com/guestbook.asp?user=moorepocket">Guestbook</a><br>
<a href="http://edit.xanga.com/claf.aspx">Edit</a><br>
<a href="http://www.xanga.com/logout.asp">Log Out</a>

<p class="header">Header</p>
<a href="#">Link Here</a> <br>
<a href="#">Link Here</a> <br>
<a href="#">Link Here</a> <br>
<a href="#">Link Here</a>

<p class="header">Credits</p>
Designed by <a href="http://xanga.com/moorepocket">Ryan</a><br>
Image: <a href="http://www.sxc.hu.com">Stock Exchange</a><br>
</table>

body {
background-color: #FFFEF1;
scrollbar-base-color:#FFFEF1; 
color: #000000;
font-family: tahoma;
font-size: 11px;
text-align: justify;
overflow-x: hidden;
margin:0; }

td, p, div, table, tr {
color: #000000;
font-family: tahoma;
font-size: 11px;
text-align: justify; }

.mainleft {
/* edits the main blog */
width: 450px;
padding:0px; 
color: #000000;
font-family: tahoma;
font-size: 11px;
text-align: justify;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
color: #000000;
font-family: tahoma;
font-size: 11px;
letter-spacing:0px;
text-align: justify; }

div.blogheader, .caption {
border-bottom: 1px dashed #903F10;
color:#B05400;
font-family: Trebuchet MS;
font-weight: bold;
font-size: 14px;
letter-spacing: 1px;
padding: 0px; 
text-align: left; 
text-transform: uppercase; }

.header {
/* edits the menu modules */
border-bottom: 1px dashed #903F10;
color:#B05400;
font-family: Trebuchet MS;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
padding: 0px; 
text-align: center; 
text-transform: uppercase; }

a:link, a:active, a:visited  {
color: #903F10; 
font-family: tahoma;
font-size: 11px;
text-decoration: none; }

a:hover {
color: #000000;
font-family: tahoma;
font-size: 11px;
border-bottom: 1px dashed #B05400; }

input, select, textarea, .textfield, .button {
border: 1px solid #903F10;
font: normal 11px tahoma;
background-color: transparent;
color: #B05400; }

table.blogbody {
background: transparent;
width: 380px;
border: 0px solid #DFF8FF; }

table.search TD, table.search, table.announcements {
background-color: none; 
border: 0px solid #DFF8FF; }

table.blogbody tr td {
width:0px;
padding: 0px; }

table.blogbody div.smalltext{
text-align: left;
padding-bottom: 7px; }

table.footer {display: none;} 
.mainleft {
width: 0px;
padding: 0px; }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
 text-align: left;    }
 
#htmleditor {height: 125; border : 1x solid #3F276F; }

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {width: 360px; }

#rblEprops{display:none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
/* width of the comment page I suggest making it the same width as the blogbody*/
{width: 360px; }

.blogbody td { width:0px; padding-left:0px; }

b, strong, i, u {
/* edit colors when bold italic underline */
font-family: Trebuchet MS;
font-size: 11px;
color: #B05400;
font-weight: bold; 
text-transform: none; }

hr {
/* horizontal divider RESTEAL*/
border: 1px dashed #903F10;
width:383px; height:1px; }

table.blogbody div.smalltext{
/* RE // blog entry footer (DO NOT EDIT )*/
text-align: right;
padding: 5px;
width: 100%;
font-weight: bold; }
</style>

</div>
<div style="position:static !important; width:383px; BACKGROUND:transparent; border:solid 0px #EFE8FF; height:100%px; padding:0px; margin-top:-567px !important; margin-top:-610px; margin-left:261px">

Layout Comments

Showing latest 9 of 9 comments

Now I really like this, it looks great!

By YourSuperior on Jun 3, 2007 6:33 pm

I want to use this!!I SUNFLOWERS.

By gelionie on Oct 8, 2006 11:44 am

I think it has to do with the resolution of the computer. It is mis-aligned when viewed with a 800x600 resolution but not with a 1024x768 resolution. Hope this helped.

By starberri92 on Sep 23, 2006 7:48 am

It's centered and it still is misaligned.

By uglyduckie89 on Sep 21, 2006 8:38 pm

did you set it on center?

By moorepocket* on Sep 21, 2006 5:50 pm

yah, it is misaligned. and mine was miximazed and it didn't work

By actorderick on Sep 21, 2006 4:28 pm

She's right. It's misaligned...

By uglyduckie89 on Sep 21, 2006 3:24 pm

you might have to maximized the windows to get it right. Cause i made it to be compatible with IE and Mozilla.

By moorepocket* on Sep 21, 2006 12:44 pm

its not in line on my computer the whole top part is off to the right

By IVIike on Sep 21, 2006 12:01 pm

Layout Details

Designer	moorepocket
Submitted on	Sep 20, 2006
Page views	26,552
Favorites	39
Comments	9

Nature's Finest

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates