The Vines

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">About Me</p>
<tr>
<td>
<p class="menubottom">
Name: blah <br> Age: blah <br> Gender: blah<br> Location: blah

<br><br>
<tr>
<td>
<p class="nav">Navigation</p>
<tr>
<td>
<p class="menubottom2">
01_<A href="http://www.xanga.com/signin.asp">Sign in</A><br>
02_<A href="http://www.xanga.com/violini">Private</A><br>
03_<A href="http://www.xanga.com/profile.asp?user=USERNAME">Profile</A><br>
04_<A href="http://www.xanga.com/private/SubscribeTo.aspx?user=violini">Subscribe</A><br>
05_<A href="http://www.xanga.com/guestbook.asp?user=violini">G-book</A><br>
06_<A href="http://www.xanga.com/private/home.aspx">Return</A><br>
07_<a href="http://www.xanga.com/CLAF/default.asp">Claf</A><br>

08_<A href="http://www.xanga.com/logout.asp">Sign out</A>
<tr>
<td>
<tr>
<td>
<p class="nav">blah</p>
<tr>
<td>
<p class="menubottom2">
blah
<br><br>
<tr>
<td>
<p class="nav">blah</p>
<tr>
<td>
<p class="menubottom2">
blah
<tr>
<td> 
<tr>
<td>
<p class="nav">Subbies</p>
<tr>
<td>
<p class="menubottom2">
<a href="http://www.xanga.com/">blah</a>
<br>
<a href="http://www.xanga.com/">blah</a>
<br>
<a href="http://www.xanga.com/">blah</a>
<br>
<a href="http://www.xanga.com/">blah</a>
<br>
<a href="http://www.xanga.com/">blah</a>
<br>
<a href="http://www.xanga.com/">blah</a>
<tr>
<td>
<p class="nav">blah</p>
<tr>
<td>
blah
</p>

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

</p></marquee>
</div>

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

body {
 background-color: #7A0101;
background-image: url("http://images.cbimg3.com/xanga/06/1379a.jpg"); 
background-repeat: repeat-y; 
background-position: top left;
 scrollbar-arrow-color: #FFFFF;
 scrollbar-track-color: #7A0101;
 scrollbar-shadow-color: #7A0101;
 scrollbar-face-color: #7A0101;
 scrollbar-highlight-color: #7A0101;
 scrollbar-darkshadow-color: #7A0101;
 scrollbar-3dlight-color: #7A0101;
 cursor:crosshair;
 }

{
/* 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 tahoma;
 line-height:11px;
 color:#7A0101;
 letter-spacing:0px;
 text-align:justify;
}

p.nav {
/* edits the menu modules */
 width:130px;
 background-color:#transparent;
 font-family:georgia;
 text-transform:none;
 font-size:19px;
 line-height:16px;
 font-weight:bold;
 border-bottom: 1px dashed #000000;
 color:#000000;
 letter-spacing:-2px;
 text-align: justify;
 }

p.links {
/* edits the menu modules */
 width:130px;
 background-color:none;
 border: none;
 }

p.menubottom {
/* edits the menu modules */
 width:130px;
 background-color:none;
 border: none;
 text-align: justify;
 padding-left:5px;
 }

p.menubottom2 {
/* edits the menu modules */
 width:130px;
 background-color:none;
 border: none;
 text-align: justify;
 padding-left:5px;
 }

div.blogheader, .caption {
/* edits the dates */
 background-image:url();
 background-color:#transparent;
 font-family:georgia;
 text-transform:none;
 font-size:20px;
 line-height:10px;
 font-weight:bold;
 border: none;
 color:#000000;
 letter-spacing:-1px;
 text-align: center;
 padding-left:3px;
 padding-top:4px;
 }

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

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
 color:#000000;
 font:bold 11px tahoma;
 line-height:10px;
 text-decoration: none;
 }
 
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
 color:#000000; 
 font:bold 11px tahoma;
 line-height:10px;
 text-decoration: none;
 }
 
a:hover {
/* edits when user mouseovers the links */
 color:#ff0000;
 background: #;
 border: 1px solid #;
 border-width: 1px 0px 0px 1px;
 font:bold 11px tahoma;
 line-height:10px;
 cursor: help;
 text-decoration: none;

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

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

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

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

Layout Comments

Showing latest 2 of 2 comments

yeah.. nice layOut.. i agree w/ emazing.. 0_=

By xcorphz on Aug 2, 2007 11:04 am

The banner/band looks so hawt, and teh grunge brushes that you used in your layout looks great with the layout.I also like the extra modules that you added to the left of your layout.Wow. Nice work.

By emazing on Jun 20, 2005 6:30 pm

Layout Details

Designer	violini
Submitted on	Apr 30, 2005
Page views	6,736
Favorites	10
Comments	2

The Vines

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates