Tanya Valiente

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

<table border="0">
<tr>
<td>

<p class="nav">Navigate</p>
<tr>
<td>
<p class="navi">
<A href="http://www.xanga.com/signin.asp">login</A><br>
<A href="http://www.xanga.com/home.aspx?user=USERNAME">main</A><br>
<A href="http://www.xanga.com/profile.asp?user=USERNAME">profile</A><br>
<A href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">suscribe</A><br>
<A href="http://www.xanga.com/private/home.aspx">you</A><br>
<a href="http://www.xanga.com/CLAF/default.asp">edit</A><br>
<A href="http://www.xanga.com/private/subscriptions.aspx">subscriptions</A><br>
<A href="http://www.xanga.com/logout.asp">logout</A>
<tr>
<td>
<p class="nav">Header</p>
<tr>
<td>
<p class="menubottom">
This is where you put your information, like name, age, gender and whatever else you feel like writing.
<tr>
<td>
<P class="nav">Header</p>
<tr>
<td>
<p class="menubottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam in lorem. Nulla facilisi. Nunc erat enim, malesuada eu, tempor ac, commodo at, enim.
<tr>
<td>
<p class="nav">Links</p>
<tr>
<td>
<p class="menubottom">
Here you can put links to sites that you like.
<br>
<br>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="33%" valign="top">
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
</td>
<td width="34%" valign="top">
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
</td>
<td width="33%" valign="top">
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
<br>
<a href="http://www.xanga.com/">link here</a>
</td></tr>
</table>
<tr>
<td>
<p class="nav">Header</p>
<tr>
<td>
<p class="menubottom">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam in lorem. Nulla facilisi. Nunc erat enim, malesuada eu, tempor ac, commodo at, enim.
<tr>
<td>
<p class="nav">Credits</p>
<tr>
<td>
<p class="menubottom">
Design 2005 ?<a href="http://www.xanga.com/miyaonaise">Miyashu-san</a>. Image ?<a href="http://hakan.blogdrive.com/" target="_blank">Hakan</a> Brushes from <a href="http://www.fading-beauty.net/">Fading Beauty</a>, <a href="http://bedroomscene.org" target="_blank">Bedroomscene</a> and <a href="http://zero.chotoka.net" target="_blank">Project Zero</a>.
</p>

</td>
</tr>
</table>
</div>

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

body {
 background-color: #FBF5E7;
background-image: url(""); 
background-repeat: repeat-x; 
background-position: top left;
 scrollbar-arrow-color: #FAF4E7;
 scrollbar-track-color: #FAF4E7;
 scrollbar-shadow-color: #FAF4E7;
 scrollbar-face-color: #FAF4E7;
 scrollbar-highlight-color: #FAF4E7;
 scrollbar-darkshadow-color: #D3C9B3;
 scrollbar-3dlight-color: #D3C9B3;
 }

{
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }
 
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
 font:normal 11px franklin gothic medium;
 line-height:11px;
 color:#9C9C7F;
 letter-spacing:0px;
 text-align:justify;
}

p.nav {
/* edits the menu modules */
 width:322px;
 background-color:#FAF4E7;
 font-family:arial narrow;
 text-transform:none;
 font-size:11px;
 line-height:11px;
 font-weight:normal;
 color:#504D4B;
 letter-spacing:3px;
 text-align: center;
 }

p.menubottom {
/* edits the menu modules */
 width:322px;
 border: none;
 text-align: left;
 padding-left:5px;
border-top: 1px dotted #D2CEAB;
 border-bottom: 1px solid #D2CEAB; 
border-right: 1px solid #D2CEAB; 
border-left: 1px solid #D2CEAB; 
background-color: #EDEDD3;
 }

div.blogheader, .caption {
/* edits the dates */
 background-image:url();
 background-color:#transparent;
 font-family:franklin gothic medium;
 text-transform:lowercase;
 font-size:14px;
 line-height:4px;
 font-weight:bold;
 border: none;
 color:#504D4B;
 letter-spacing:2px;
 text-align: right;
 }

table.blogbody {
/* this edits the other the place where the  blog is */
 background: #transparent;
 width:395px;
 border: none;
 }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#D3C9B3;
 font:normal 11px franklin gothic medium;
 line-height:10px;
 text-decoration: none;
 }
 
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#D3C9B3; 
 font:normal 11px franklin gothic medium;
 line-height:10px;
 text-decoration: none;
 }
 
a:hover {
/* edits when user mouseovers the links */
 color:#9C9C7F;
 background: #ffffff;
 border: none;
 font:normal 11px franklin gothic medium;
 line-height:10px;
 cursor: hand;
 text-decoration: none;

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

.#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops 
{width: 390px;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
 border: 1px solid #504D4B;
 font:normal 11px arial;
 background-color: #EDEDD3;
 color:#504D4B;
 letter-spacing:0px;
 }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
 background-color: none; 
 border: 0px solid #504D4B;
 }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 0px solid #ffffff;
  }
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;
}
</style>

p.navi a:visited {
background-color:FBF5E7;
color:D3C9B3;
font-family:tahoma;
font-size:9px;
font-weight:normal;
text-decoration:none;
text-transform: uppercase;
width:100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:center;
border-bottom:1px solid #CCCCCC;
}

p.navi a:active {
background-color:FBF5E7;
color:D3C9B3;
font-family:tahoma;
font-size:9px;
font-weight:normal;
text-decoration:none;
text-transform: uppercase;
width:100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align:center;
border-bottom:1px solid #CCCCCC;
}

p.navi a:hover {
background-color:D5D5AF;
color:9C9C7F;
font-family:tahoma;
font-size:9px;
font-weight:normal;
text-decoration:none;
text-transform: uppercase;
width:100%;
text-align:center;
border-bottom:1px solid #CCCCCC;
}
</style>

Layout Comments

Showing latest 2 of 2 comments

It does look like a website layout.I love all the layouts you've submitted here.

By funny_chickens on Nov 12, 2005 5:27 pm

I this layout!!*adds to favorites* It looks like a website layout. :]

By Eryi on Nov 12, 2005 1:16 pm

Layout Details

Designer	miyashu
Submitted on	Nov 12, 2005
Page views	10,947
Favorites	20
Comments	2

Tanya Valiente

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates