Love and Peace

Designer's Comments

Look carefully for specific instructions

I'm experimenting with table layouts, and I think they work pretty well. To all the Trigun fans out there, I hope you'll like this layout as I really enjoyed making it.

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 align=center>
<img src="http://layouts.cbimg8.com/21/10302c.jpg"

galleryimg="no">
<table width="700px" cellspacing="0" cellpadding="0" align="center">
<tr>
<td id="navileft" valign="top" colspan=2>
<div class="leftheader">
PROFILE
</div>
<div class="leftmodule">

<img src="http://layouts.cbimg8.com/21/10302d.jpg"

align=right vspace=5px>
<ul>
  <li><b>Name .</b> Vash
  <li><b>Alias .</b> Ericks, Needle Noggin, Humanoid Typhoon
  <li><b>Age .</b> 131yrs
  <li><b>Status .</b> Single
  <li><b>Eye color .</b> Blue // Green
  <li><b>Hair color .</b> Blonde
  <li><b>Height .</b> 180"
  <li><b>Weight .</b> 185.9lbs
  <li><b>Location .</b> Planet Gunsmoke
  <li><b>Hobbies .</b> Eating...
</ul>
</div><br>
<div class="leftheader">PERSONAL</div>
<div class="leftmodule">
  <a href="/private/subs.aspx">Dailies</a>
  <a href="/Private/subsactive.aspx">Edit Subs</a>
  <a href="http://edit.xanga.com/blogrings.aspx">Edit Blogrings</a>
  <a href="/claf">Skin Maintenance</a>
  <a href="/Private/editaccount.aspx">Edit Account Info</a>
  <a href="/Private/feedback.aspx">Feedback Log</a>
  </div><br>
<div class="leftheader">SUBSCRIPTIONS</div>
<div class="leftmodule">
  <a href="#">Meryle</a>
  <a href="#">Wolfwood</a>
  <a href="#">Legato</a>
  <a href="#">Dominique</a>
  <a href="#">Knives</a>
</div><br>
<div class="leftheader">BLOGRINGS</div>
<div class="leftmodule">
  <a href="#">I Live on Planet Gunsmoke</a>
  <a href="#">$$60,000,000,000</a>
  <a href="#">Humanoid Plants Unite</a>
</div><br>
<div class="leftheader">LINKS</div>
<div class="leftmodule">
  <a href="http://www.absoluteanime.com">Absolute Anime</a>
  <a href="http://www.animewallpapers.com">Anime Wallpapers</a>
  <a href="http://www.createblog.com">CreateBlog</a>
  <a href="http://www.xanga.com/midori_hitomi">Midori Hitomi</a>
</div><br>

<div class="leftheader">LAYOUT</div>
<div class="leftmodule">
<ul>
  <li><b>Features .</b> Vash from Trigun
  <li><b>Structure .</b> divisions and tables
  <li title="Microsoft Internet Explorer & Mozilla Firefox"><b>Browser .</b> MS IE and FF
  <li><b>Screen res .</b> 800x600 and up
  <li title="http://www.xanga.com/midori_hitomi"><b>Created by .</b> Sue Feng
  <li><b>Banner .</b> animewallpapers.com
</ul>
</div>
</td>
<td valign=top>

BODY {
  background-color: white;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: white;
  scrollbar-shadow-color: #880000;
  scrollbar-face-color: white;
  scrollbar-highlight-color: #8800000;
  scrollbar-darkshadow-color: #880000;
  scrollbar-3dlight-color: #880000;
  padding:0px;margin:0px 0px 10px 0px;
}

.blogbody, td, p, ul li, .content, .smalltext {
  font: normal 11px arial;
  color: #000000;
}

b, STRONG, i, em, u {
  COLOR: #000000;
  font-size:11px;
}

/* hyperlinks */

A:link,A:visited,span.a{
  font: bold 11px;
  text-decoration:none;
  letter-spacing:0px;
  color: #880000;
}

A:active {
  color: #880000;
  text-decoration: line-through;
}

A:hover {
  text-decoration: underline;
  color: #ff0000;
}

/* container for blog modules */

table.main {
  width:480px;
}

/* main navigation */

table.navigation {
  width:490px;
  text-align:center;
}

/* left module in place of table.left */

#navileft {
  width:195px;
  text-align:left;
  padding:6px 0px 0px 0px;
}

.leftheader {
  background-image:url('http://img.photobucket.com/albums/v284/midori_hitomi/anime004left.jpg');
  background-color:#7E1206;
  background-position: top left;
  background-repeat: no-repeat;
  padding:25px 0px 0px 20px;
  height:50px;
  font-size:14px;
  color:#999999;
}

.leftmodule {
  background-image:url('http://img.photobucket.com/albums/v284/midori_hitomi/anime004left2.jpg');
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: #7E1206;
  padding:5px 5px 10px 5px;
  font-size:11px;
  color:#aaaaaa;
}

.leftmodule ul{
  list-style-type:circle;
  padding-left:15px;
  margin:0px;
}

.leftmodule a:link,.leftmodule a:visited {
  display:block;
  border-width:1px 1px 1px 10px;
  position:static;
  margin:0px 0px 2px 0px;
  padding:2px 0px 2px 20px;
  border-style:solid;
  border-color:#aa0000;
  color:#000000;
}

.leftmodule a:hover {
  border-color:#ffffff;
  color:#ffffff;
  background-color:#ff0000;
  text-decoration: none;
}

/* blog module */

.blogheader {
  background-color: transparent;
  font: 12px arial;
  text-transform: uppercase;
  color: #880000;
  border-width: 0px 0px 1px 0px;
  border-color: #880000;
  border-style: solid;
  text-align: left;
  font-weight: bold;
  width:450px;
}

table.blogbody {
  background-color: transparent;
  text-align:justify;
  width:450px;
}

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

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

/* comment module */

input, select, menu, #htmleditor, textarea, .textfield, .button {
  border: 2px solid #000000;
  font-family: arial;
  font-size: 11px;
  color: #000000;
  background-color: transparent;
  text-align: center;
}

#xcmtcnt {
  padding:0px 0px 0px 10px;
}

#pnlEnabled {
  width: 405px; 
  position:static; 
  margin-left: 17px;
}

/* things not displayed */

hr, table.left, table.footer, .navheader, div.module,table.search, #rblEprops {
  display: none;
}
//-->
</style>

Layout Code

Copy and paste to Website Stats

Help

/*--------------------------------------------
 * 2003 EasterEgg, http://www.xanga.com/easteregg
 * For use at Xanga only.
 * You can change the words if you want 
   but be sure to have the same number 
   of words in the new array as the old array.
--------------------------------------------*/

Layout Comments

Showing latest 4 of 4 comments

trigun is a rightious show.

By hypnotique on Nov 23, 2006 5:45 am

I fixed the layout so the pictures show up now. It turns out when I pasted the code in, there were spaces after the background property where it says url('http://...'); it said url ('http://...'); The space wasn't there in m

By Indiscriminate Soul on Apr 20, 2006 5:37 pm

Pm the staff. they know what to do :]DAM, I LIKE YOUR BANNER BACKGROUND. it match with vash well.great work :]

By demolished on Apr 14, 2006 4:34 pm

I seem to be having problems with my image host: photobucket. Sorry if the images aren't showing up.Here are the pictures for the tops and bottoms of the left navigation module:You can right-click and save. Then upload it onto a different image host.

By Indiscriminate Soul on Apr 14, 2006 12:53 pm

Layout Details

Designer	indiscriminate
Submitted on	Apr 13, 2006
Page views	10,745
Favorites	11
Comments	4

Love and Peace

Designer's Comments

Using This Layout

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates